IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Facebook支付 -> 正文阅读

[JavaScript知识库]Facebook支付

html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Loading......</title>
</head>
<body>
<div id="fb-root"></div>
<script>
var appid = '你的应用编号';
var product = '{$product}'; // 产品信息页面的地址
var request_id = '{$request_id}'; //订单的id,必须是唯一的
var callbackurl = '{$callbackurl}'; // 回调地址
window.fbAsyncInit = function() {
	FB.init({
		appId      : appid,
		status     : true,
		cookie     : true,
		xfbml      : true,
		version: 'v3.2' // 使用图形api v3.2版本
	});
	function FacebookCreditsOrder() {
		var obj = {
			method: 'pay',
			action: 'purchaseitem',
			product: product,//产品信息页面的地址
			request_id: request_id,//订单的id,必须是唯一的
		};

		FB.ui(obj, function(data) {
			console.log(data);
			if( data['status'] == 'completed'){
				bh_msg_tips('Transaction Completed!')
			}else{
				bh_msg_tips('Transaction Failed!')
			}
			setTimeout(function () {
				window.location.href = callbackurl;
			},1500)
		});
	}
	FacebookCreditsOrder();
};

// Load the SDK Asynchronously
(function(d){
	var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
	if (d.getElementById(id)) { return; }
	js = d.createElement('script'); js.id = id; js.async = true;
	js.src = "https://connect.facebook.net/en_US/all.js";
	ref.parentNode.insertBefore(js, ref);
}(document));

// 页面提示信息
function bh_msg_tips(msg){
	var oMask = document.createElement("div");
	oMask.id = "bh_msg_lay";
	oMask.style.position="fixed";
	oMask.style.left="0";
	oMask.style.top="70%";
	oMask.style.zIndex="100";
	oMask.style.textAlign="center";
	oMask.style.width="100%";
	oMask.innerHTML =  "<span style='background: rgba(0, 0, 0, 0.65);color: #fff;padding: 10px 15px;border-radius: 3px; font-size: 14px;'>" + msg + "</span>";
	document.body.appendChild(oMask);
	setTimeout(function(){$("#bh_msg_lay").remove();},2000);
}
</script>
</body>
</html>

产品信息页面的地址

<!DOCTYPE html>
<html>
 <head prefix=
    "og: http://ogp.me/ns#
     fb: http://ogp.me/ns/fb#
     product: http://ogp.me/ns/product#">
    <meta property="og:type"                   content="og:product" />
    <meta property="og:title"                  content="100 Coin Pack" />
    <meta property="og:image"                  content="<?= $serverUrl ?>/images/coin_bundle64.png" />
    <meta property="og:description"            content="A hundred coins!" />
    <meta property="og:url"                    content="<?= $serverUrl ?>/payments/100coins.html" />
    <meta property="product:price:amount"      content="2.99"/>
    <meta property="product:price:currency"    content="USD"/>
    <meta property="product:price:amount"      content="1.99"/>
    <meta property="product:price:currency"    content="GBP"/>
 </head>
</html>

回调

 // facebook 支付回调
    function facebook(){
        $verify_token = "ssdfshhngthkouyk";
        $hub_challenge = $_GET['hub_challenge'];
        $hub_verify_token = _GET['hub_verify_token'];
        if ($hub_verify_token === $verify_token) {
            return $hub_challenge;
        }

        // 更新订单信息
        $data = file_get_contents("php://input");
        $json = json_decode($data,true);
        add_error_log('支付结果回调',$data);
        if( isset($json["object"]) && $json["object"] && $json["object"] == "payments" ) {
            $payment_id = $json["entry"][0]["id"];

            $fb = new Facebook([
                'app_id' => '你的应用编号',
                'app_secret' => '你的秘钥',
                'default_graph_version' => 'v3.2',
            ]);
            $result = $fb->get($payment_id . '?fields=user,actions,request_id,items,gift_requests', config('app_token'));
            $result = json_decode($result->getBody(), true);
            $actions = isset($result['actions'][0]) ? $result['actions'][0] : [];
            $request_id = isset($result['request_id']) ? $result['request_id'] : '';
            if ($actions['status'] == 'completed' && !empty($request_id)) {
                // 处理订单信息
            }
        }

    }
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-24 09:20:29  更:2022-04-24 09:22:33 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 1:12:41-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码