2017年1月2日 星期一

【Javascript】FB 用 Javascript 登入

步驟

1.先到 FB developer 新增一個應用程式,取得應用程式編號。


2.FB的開發文件:https://developers.facebook.com/docs/facebook-login/web
照步驟走就能做出一些東西,
完整的範例:https://developers.facebook.com/docs/facebook-login/web#example
這範例先將 your-app-id 改成第一步取得的應用程式編號,
就能在 testAPI 中抓到FB的id、name、email等資訊,之後就可以用ajax將值存起來。


3.不想跳出小視窗,想在本頁直接跳到FB授權頁的話,要看:
https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow#login

授權連結網址:
https://www.facebook.com/v2.9/dialog/oauth? client_id={app-id} &redirect_uri={redirect-uri},
app-id:就是應用程式編號
redirect_uri:就是要跳回的頁面

授權完跳回頁面時在執行一次:
FB.getLoginStatus(function(response) {
  statusChangeCallback(response);
});
就能抓到使用者資訊

沒有留言:

張貼留言