这里将会纪录如何建立一个Facebook App,并且让User授权应用程式,最后取得FB ID来当会员资料或是参加活动的ID识别
首先,你必须是个Facebook App Developers,你可以去facebook DEVELOPER申请你的身份,我记得以前不用手机验证,但现在则需要接着你会看到以下画面
点选右上角的Create New App 会跳出一个POP视窗
App Name :指的是你的应用程式名称
App Namespace :是你的网址命名
Web Hosting :如果你有自己的Web Hosting就不用勾选
按下Continue以后会出现填写验证码,填写完后按下Submit
然后就会看到建立好的App一些资讯和设定
因为虽然是写Facebook App,但其实Facebook只是提供你API和外框包住你的网页,所以你还要提供你的网页所在位置给Facebook
要注意的是Facebook要求使用加密的https ,所以如果你如果没有的话,可能要花钱购买这方面的凭证
到这边为止,已经建立好初步的Facebook App了
使用JavaScript API做授权
有了App以后,我们要跟网页串起来,因为我是.NET开发者,所以我会先建立一个index.aspx,接着一般我都会在<form id=”form1” runat=”server”></ form>的后面加上
<div id="fb-root"></div> <script type="text/javascript" src="https://connect.facebook.net/zh_TW/all.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
注意,如果没有fb-root的div会导致不能使用Facebook API,另外我还多用了Jquery来方便等一下写js程式码
接下来新增一个div做为点选授权
<div id="btn">點我授權</div>
接着是js初始化部分
$(function () { var _app_id = 'Your App ID'; var _api_key = ''; //驗證FB.init({ appId: _app_id, status: true, // check login status cookie: true, // enable cookies to allow the server to access the session xfbml: true, // parse XFBML oauth: true // enable OAuth 2.0 }); FB.Canvas.setAutoGrow(); //autoResize → no scrollbar });
Your App ID必须填入你建立好的Facebook App里面的App ID ,接着加上点击触发授权的js部分
$('#btn').click(function () { getLoaginState(); }); //驗證function getLoaginState() { FB.getLoginStatus(function (response) { if (response.authResponse) { var u_fb_id = response.authResponse.userID; console.log(u_fb_id); } else { login(); } }); } //跳出登入視窗function login() { FB.login(function (response) { if (response.authResponse) { var u_fb_id = response.authResponse.userID; console.log(u_fb_id); } else { alert('須同意應用程式'); } }); }
这段js是绑定一个click事件,在id为btn的div上,然后去执行getLoaginState(), FB.getLoginStatus是看登入状态,没有登入则会跳到login(),console是等下能看到我们所取得的FB ID
接着在刚刚App设定网址那边有个Canvas Page ,那就是你挂在Facebook底下的网址,后面的网址名称就是你刚刚设定的App Namespace,进入以后会看到以下画面
按下点我授权 ,就会跳出授权是否同意应用程式视窗
同意以后,就可以在firebug里面看到我们刚刚所加的console,秀出你的FB ID
得到FB ID可以利用Graph API再更进一步取得许多资料,当然也要先授权相关权限才行
以上如有问题,欢迎一起讨论
原文:http://blog.rx836.tw/blog/facebook-app-create-getfbid/
错误: The developers of this app have not set up this app properly for Facebook Login?
the problem was you have to set
Do you want to make this app and all its live features available to the general public?
set status and review
to ON
and problem solved
相关推荐
记录一次vue使用分享 ... <div id=fb-root> [removed](function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id;
基于Facebook的create react app的NPM库启动套件
类 Facebook App 的界面效果 MFSideMenu ,MFSideMenu 实现类似 Facebook iOS App 的界面效果,提供一个滑动的菜单导航...
Facebook applications are written in a server-side language, and hosted on the application developer's own server. They interface with Facebook, so that they appear to users to be part of Facebook ...
facebook app for graph api
GMTC全球移动技术大会ppt 作者:覃超 主题:Facebook iOS App技术演化十年之路
Facebook iOS App技术演化十年之路Facebook iOS App技术演化十年之路Facebook iOS App技术演化十年之路Facebook iOS App技术演化十年之路Facebook iOS App技术演化十年之路Facebook iOS App技术演化十年之路Facebook...
old facebook apps that ive collected
Analysis of HDFS Under HBase: A Facebook Messages Case Study
Building-the-F8-2016-App-CN, Facebook开发F8 2016 App官方教程的中文版。 原官网: http
Facebook Application Development with Graph API Cookbook.pdf
本教程结合Facebook Developers 网站(https://developers.facebook.com/),以及网上搜集到的各方资料,对Facebook应用程序开发进行大致流程介绍,和开发过程中遇到的部分难点的解决方法。
Facebook Instant GamesAPI接口文件,JS编写的,直接导入可使用,对接的是FB4.x部分接口和6.x接口,部分接口需要和服务端对接
FBMessageScraper, 下载facebook聊天的python 脚本 Facebook消息刮板从Facebook下载整个对话的简单 python 脚本,不像Facebook提供的数据转储那样有限以JSON格式输出会话,以及每个单独块的JSON 。初始设置运行 ...
教你创建你第一个的Facebook应用程序,一步一步慢慢来
下载后的代码目录结构如下 examples 例子目录,里面有几个例子,将facebook导入eclipse或者studio,作为libs,有三个例子工程 facebook sdk类库 tests 测试工程
这是Android手机版的 Facebook“脸谱”APP客户端源码,一个著名的社交媒体网站,不过在中国被禁了。这是它的APP客户端完整源代码,比较复杂,一共有30多个项目文件,对于android编程开发来说,具有很高的参考价值,...
Facebook 像素插件 facebook pixel 插件,可以在后台添加多像素
Facebook SDK for Android是一个开源库,允许开发者将Facebook集成到所开发的Android应用中。
集成facebook到自己的android 应用程序,供参考。主要调用FacebookUtil的方法就可以