Facebook 帆布接入的总结
研究接入facebook也有不短的时间， 上线过几款产品，这里把接入所有的点 都记录一下。
1.首先进入facebook的开发者页面，直接入口在右下角更多里面
然后注册开发者账号， 创建APP 选择Facebook Canvas
然后得到app编号 和密钥。
2.配置Canvas
这里添加的地址必须是 https的，而且不能是静态页面。
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '830298307005763',
xfbml: true,
version: 'v2.3'
});
FB.login(function (response) {
if (response.authResponse) {
// user sucessfully logged in
var accessToken = response.authResponse.accessToken;
if (accessToken)
window.location.href = "CallBack.aspx?accessToken=" + accessToken + "&userID=" + response.authResponse.userID + "&expiresIn=" + response.authResponse.expiresIn;
}
}, { scope: 'email' });
function onLogin(response) {
if (response.status == 'connected') {
FB.api('/me?fields=first_name', function (data) {
var welcomeBlock = document.getElementById('fb-welcome');
welcomeBlock.innerHTML = 'Hello, ' + data.first_name + '!';
});
}
} FB.getLoginStatus(function (response) {
// Check login status on load, and if the user is
// already logged in, go directly to the welcome message.
if (response.status == 'connected') {
onLogin(response);
} else {
// Otherwise, show Login dialog first.
FB.login(function (response) {
onLogin(response);
}, { scope: 'user_friends, email' });
}
});
// ADD ADDITIONAL FACEBOOK CODE HERE
}; (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) { return; }
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk')); </script>
在Callback页面 引用fb的 jsSDK，然后使用页面跳转的方式 将accessToken传到服务端。这一步很重要， 因为有了accessToken才可以调用FB接口换取长效证书。
var url = "https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id=" + app的编号 +
"&client_secret=" + app的密钥 +
"&fb_exchange_token=" + accessToken;
string responseFromServer = wc.DownloadString(url);
string access_token = "";
String[] tokens = responseFromServer.Split(new char[] { '&' });
//expires：The number of seconds until this access token expires.
foreach (string t in tokens)
{
if (t.IndexOf("access_token") != -)
{
access_token = t.Split(new char[] { '=' })[];
}
}
使用fb的接口就能换取长效证书，并取出来。
用在下面的代码中，获取用户基本信息
////获取facebook用户基本信息
var url_basic = "https://graph.facebook.com/me?access_token=" + access_token;
string responseFromServer_basic = wc.DownloadString(url_basic);
string jsonStr_basic = reg.Replace(responseFromServer_basic, delegate(Match m) { return ((char)Convert.ToInt32(m.Groups[].Value, )).ToString(); }); ////获取facebook用户好友信息
var url_friends = "https://graph.facebook.com/me/friends?access_token=" + access_token;
string responseFromServer_friends = wc.DownloadString(url_friends);
到这里 ，接入部分的工作基本结束了。
3.支付
可以先看fb提供的 文档 https://developers.facebook.com/docs/games_payments
首先需要有一个产品信息页， （我这里只做静态定价，不做动态定价因为没有具体需要的业务场景）
这里的内容其实还是动态的， 需要根据支付时所选择的商品来显示。
<!DOCTYPE html><html>
<head prefix=
"og: http://ogp.me/ns#
fb: http://ogp.me/ns/fb#
product: http://ogp.me/ns/product#">
<meta property="fb:app_id" content="appid"><!--2.8版后 需要加上appid-->
<meta property="og:type" content="og:product" />
<meta property="og:title" content="Friend Smash Coin" />
<meta property="og:image" content="http://www.friendsmash.com/images/coin_600.png" />
<meta property="og:description" content="Friend Smash Coins to purchase upgrades and items!" />
<meta property="og:url" content="http://www.friendsmash.com/og/coins.html" />
<meta property="product:plural_title" content="Friend Smash Coins" />
<meta property="product:price:amount" content="0.30"/>
<meta property="product:price:currency" content="USD"/>
<meta property="product:price:amount" content="0.20"/>
<meta property="product:price:currency" content="GBP"/>
</head>
</html>
这个页面其实就是给fb提供用户购买的商品信息。
然后在游戏页面的 商城里用户选择购买商品以后 调用 fb jsSDK的接口
function FacebookCreditsOrder(order_info) {
var obj = {
method: 'pay',
action: 'purchaseitem',
product: order_info.url,//产品信息页面的地址
request_id: order_info.pid//订单的id，必须是唯一的
//quantity: 1
};
FB.ui(obj, function (data) {
if (data) {
var parameter = {
"amount": data.amount,
"currency": data.currency,
"payment_id": data.payment_id,
"quantity": data.quantity,
"signed_request": data.signed_request,
"status": data.status
};
if (data.status == 'completed') {// 这里 只处理了支付状态为成功的请求，其实还需要处理“等待中”的状态
var url = "https://**********/FaceBookReceiveOrder.ashx?amount=" + data.amount + "¤cy=" + data.currency + "&payment_id=" + data.payment_id + "&quantity=" + data.quantity + "&signed_request=" + data.signed_request + "&status=" + data.status;
new Request(url, { method: "GET", maxTime: 8000 })
.on('complete', function (e) {
var return_obj = JSON.parse(e.text);
if (return_obj.State == 1) {
closeMall();
}
else if (orderinfo_obj.State != 1) { }
}).send();
}
else { }
}
});
}
支付页面处理：
需要使用Nuget 获取一个 Facebook的 第三方插件。在处理加密时需要
为了安全，url里所包含的订单信息全不使用， 而使用fb传过来的signed_request 加密参数。这个参数里包含了订单所需的全部信息，需要解密。
FacebookClient client = new FacebookClient();
client.AppId = "*******";//app编号
client.AppSecret = "*********";//app密钥
string signed = context.Request.QueryString["signed_request"];
object obj = new object();
client.TryParseSignedRequest(signed, out obj);
if (obj != null)
{
if (((Facebook.JsonObject)(obj)).TryGetValue("algorithm", out objtoken))
payInfo.algorithm = Convert.ToString(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("amount", out objtoken))
payInfo.amount = Convert.ToString(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("currency", out objtoken))
payInfo.currency = Convert.ToString(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("issued_at", out objtoken))
payInfo.issued_at = Convert.ToDecimal(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("payment_id", out objtoken))
payInfo.payment_id = Convert.ToDecimal(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("quantity", out objtoken))
payInfo.quantity = Convert.ToString(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("status", out objtoken))
payInfo.status = Convert.ToString(objtoken);
if (((Facebook.JsonObject)(obj)).TryGetValue("request_id", out objtoken))
payInfo.request_id = Convert.ToString(objtoken);
}
再根据订单信息 处理添加商品等信息了。
这里可以根据订单id获取 订单的支付情况
具体说明参考文档
https://developers.facebook.com/docs/games_payments/fulfillment
到这里fb的接入基本就完成了。
新版的app设置页面中默认是没有支付的，需要开发自己添加。
添加的时候 需要填写公司信息，和 回调url，也就是产品信息页的地址。
可以在测试者里添加开发测试的 数字id。这样就可以不用付款就能测试到支付接口了。
Facebook 帆布接入的总结的更多相关文章
- SDK接入(1)之Android Facebook SDK接入
SDK接入(1)之Android Facebook SDK接入 由于游戏已上线,且处于维护阶段,所以有空写写各种SDK接入过程和遇到的问题,也当作一种工作总结.SDK接入主流分为这么几类,登录.支付. ...
- 手游接入Facebook的那些坑
之前工作须要在手游中接入了facebook,并以此写了<手游接入Facebook功能>的博文.当时facebook sdk的版本号还是3.x.代码集成度比較低.集成起来也比較麻烦.文中仅仅 ...
- 手游服务器端接入facebook的SDK
手游如果支持facebook登录,就要接入facebook的登录SDK.刚好工作中自己做了这一块的接入功能现在记录分享下来提供一个参考. 当前只是接入了登录这个功能,先简单的说说接入facebook登 ...
- SDK接入(2)之Android Google Play内支付(in-app Billing)接入
SDK接入(2)之Android Google Play内支付(in-app Billing)接入 继上篇SDK接入(1)之Android Facebook SDK接入整理完Facebook接入流程之 ...
- Facebook登录 AndroidStudio
简介 主页:https://www.facebook.com/ Android开发者支持:https://developers.facebook.com/docs/android/ 应用管理:htt ...
- WebSocket协议 与 IO多路复用
最近在把 Facebook Message 接入客服系统,由于与 Facebook Message 对接的收发消息都是通过调用 http 接口来实现的,如果想实现即时通讯,还需要在中间加一个 WebS ...
- android开发步步为营之68:Facebook原生广告接入总结
开发应用的目的是干嘛?一方面当然是提供优质服务给用户,还有一方面最重要的还是须要有盈利.不然谁还有动力花钱花时间去开发app? 我们的应用主攻海外市场,所以主要还是接入国外的广告提供商.本文就今天刚完 ...
- Android平台接入Facebook登录
官方教程地址: https://developers.facebook.com/docs/android/getting-started 开发环境为Android Studio,官方要求SDK最低版本 ...
- 零基础图文傻瓜教程接入Facebook的sdk
零基础图文傻瓜教程接入Facebook的sdk 本人视频教程系类 iOS中CALayer的使用 0. 先解决你的 VPN FQ上外网问题,亲,解决这一步才能进行后续操作^_^. 1. 点击右侧链接 ...
随机推荐
- sql语句查询服务器的数据库，数据库的全部表和表的全部列
下面是数据库的结构: 数据库名是:edushi_zixunok;表名是infoArticle --获取所有用户名 SELECT * FROM sys.sysusers --获取所有用户数据库 SELE ...
- Application.Run()和Form.Show()以及Form.ShowDialog()
ShowDialog()弹出模式化的窗体 Show()弹出非模式化的窗体 模式窗体,在关闭或隐藏前无法切换到主窗体. 非模式窗体,变换焦点使不必关闭窗体 总结:显示重要的信息,还是用模式窗体,如删除文 ...
- 简单的例子 关于Java内存管理的讲解
我想做的是,逐行读取文件,然后用该行的电影名去获取电影信息.因为源文件较大,readlines()不能完全读取所有电影名,所以我们逐行读取. 就这段代码,我想要在位置二处使用base64,然后结果呢? ...
- PHP 中:: -> self $this 操作符的区别
访问PHP类中的成员变量或方法时, 如果被引用的变量或者方法被声明成const(定义常量)或者static(声明静态),那么就必须使用操作符::, 反之如果被引用的变量或者方法没有被声明成 const ...
- SQL Server数据库备份：通过Windows批处理命令执行
通过Windows批处理命令执行SQL Server数据库备份 建立mybackup.bat ,输入以下内容直接运行该脚本,即可开始自动备份数据库也可把该脚本加入windows任务计划里执行. --- ...
- phpize建立php扩展 Cannot find config.m4
centos php 安装 memcache 扩展的时候 爆 Cannot find config.m4 错误 解决方案参考以下文章 参考文章 http://blog.csdn.net/wgl ...
- 无废话SharePoint入门教程一[SharePoint概述]
一.前言 听说SharePoint也有一段时间了,可一直处在门外.最近被调到SharePoint实施项目小组,就随着工作一起学习了一下实施与开发.但苦于网上SharePoint入门的东西实在太少,导致 ...
- PHP的后期静态绑定
self 是个孝子 不管后来 谁是它的领导(调用它) 谁生了它 它就听谁的 子类调用父类的方法 self 的生存空间是父类 不管是不是子类调用 我生在哪 我就在哪个类里面找属性/方法 static ...
- 静态绑定网关，防止ARP攻击
Windows XP 下 写个批处理文件:内容如下,名称自取 @echo offard -darp -s 192.168.1.1 00-14-78-ef-10-45//绑定IP地址 WIN 7 下 1 ...
- MAC与windows下打开当前文件路径的命令行(终端)
MAC 下文件夹与终端: 1.打开当前路径的终端窗口方法: ①直接拖动要打开的文件夹到终端 ②打开finder的服务偏好设置, 勾选"新建位于文件夹位置的终端"选项, 以后可以在文 ...