亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

[Facebook] 如何建立facebook App 且取得FB ID

系統 2010 0

? 這里將會紀錄如何建立一個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

?

來源: http://stackoverflow.com/questions/21329250/the-developers-of-this-app-have-not-set-up-this-app-properly-for-facebook-login

[Facebook] 如何建立facebook App 且取得FB ID (Facebook Application id)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产成人久久精品二区三区 | 国产香蕉偷在线观看视频 | 91在线操| 久久97精品久久久久久久看片 | 伊人久久久久久久久香港 | 天天干天天操天天添 | 久久亚洲精品视频 | 国产最新网站 | 欧美刺激午夜性久久久久久久 | 色综合久久中文字幕综合网 | 欧美一级级a在线观看 | 成人精品一级毛片 | 中文字幕不卡在线高清 | 日本tv欧美tv天堂 | 99久久精品免费观看国产 | 99热这里只有精品4 99热这里只有精品5 | 中文字幕在线观看不卡视频 | 日本黄页网址 | 国产成人精品男人的天堂538 | 国产高清国内精品福利99久久 | 性做久久久久久久久25的美女 | 玖玖在线精品 | 四虎影院免费网址 | 成人毛片免费视频播放 | 香蕉视频在线视频 | 午夜在线视频网站 | 国产激情视频趣趣在线观看的 | 亚洲色欲色欲www | 久久久99精品免费观看 | 99精品99 | 4hu四虎永久免在线视看 | 国产日韩一区二区三区在线播放 | 国产免费久久精品久久久 | 久青草青综合在线视频 | 中国美女日b | 四虎在线观看视频 | 动漫精品欧美一区二区三区 | 久久一区二区免费播放 | 日本中文在线三级在线播放 | 欧美艹逼视频 | 伊人色综合久久天天 |