實際中遇到需要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
等待解決。。。
已經解決：原因戳這里