[Facebook] 如何建立facebook App 且取得FB ID
来源:互联网 发布:淘宝黑莓靠谱店铺 编辑:程序博客网 时间:2024/06/07 02:28
這裡將會紀錄如何建立一個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/
- [Facebook] 如何建立facebook App 且取得FB ID
- facebook FB.api()使用
- Facebook app id 导致无法打包
- facebook app
- 如何优化app,看Facebook如何做
- Facebook API学习获取FB用户信息
- Facebook APP 试用
- FaceBook SDK First App
- 如何在 iOS App 中整合 Facebook 廣告
- css在用空元素、无内容的元素布局不兼容ie7/8
- [MFC]串行化CArchive类
- IOS设备MDM证书申请流程
- 比较实用的几个网站收藏 不定期更新
- 手斧Linux – 从LFS到Funtoo (134)
- [Facebook] 如何建立facebook App 且取得FB ID
- 配置描述文件mobileconfig的生成及注意事项
- js+html实现遮罩层效果(收藏哦)
- MYSQL 启动错误193
- 手斧Linux – 从LFS到Funtoo (135)
- IOS 微信分享到朋友圈(ios自学笔记)
- java基础-java语言中的关键字总结
- Swift开发教程--Xcode6在iPhone模拟器上编译上下留有黑块问题
- Objective-C(十七、KVC键值编码及实例说明)——iOS开发基础