實際中遇到需要Facebook和Google+等第三方授權登錄自己的Web應用(可能還有Android和IOS的手機應用)，本質上都是JS SDK的官方應用。這時候不得不去他們官方查看文檔。 註：一下所有連接如果無法打開，請自行翻Q.......... 參考文檔： 1、facebook：https: ...
實際中遇到需要Facebook和Google+等第三方授權登錄自己的Web應用(可能還有Android和IOS的手機應用)，本質上都是JS SDK的官方應用。這時候不得不去他們官方查看文檔。
註：一下所有連接如果無法打開，請自行翻Q..........
參考文檔：
1、facebook：https://developers.facebook.com/docs/facebook-login/web
2、google：https://developers.google.com/identity/sign-in/web/sign-in#add_a_google_sign-in_button
一、準備工作
1、facebook登錄必須有appid，該appid自己在https://developers.facebook.com/apps/創建的應用編號，先去https://developers.facebook.com/apps/註冊自己的應用
2、創建好應用安裝官方填寫好設置（必須是https不然無法正常連接），登錄按鈕可以使用官方預設或者自定義
1、clientid(Oauth2.0客戶端ID)也是授權登錄的必須參數，官方說法是應用憑據對應的客戶端ID，需要去這裡https://console.developers.google.com/apis/credentials創建 應用憑據
2、創建好應用憑據之後去https://console.developers.google.com/apis/library把對應的API服務啟用，這裡是Web端（對應的是社交>G+和Google People API，都在自己創建的應用憑據內啟用）
二、根據官方文檔api拿到用戶信息去操作(登錄或者註冊)
三、下麵是一個線上DEMO(所有需要的參數都是自己個人註冊用來測試，這裡是明文，實際中需要處理)
https://wjf444128852.github.io/demo01/login/
四、遇到的問題
經過測試只有谷歌登錄在chrome(（32 位）)上會出現這個錯誤，：{error: "popup_closed_by_user"}，64位chrome也是可以正常。其他所有瀏覽器都是正常的。
官方也有對應的issues：https://github.com/google/google-api-javascript-client/issues/405
等待解決。。。
