关于Facebook和Google+受权登陆

实际中遇到须要Facebook和Google+等第三方受权登陆本身的Web应用(可能还有Android和IOS的手机应用)，本质上都是JS SDK的官方应用。这时候不得不去他们官方查看文档。

注：一下全部链接若是没法打开，请自行翻Q..........

参考文档：

一、facebook：https://developers.facebook.com/docs/facebook-login/web

二、google：https://developers.google.com/identity/sign-in/web/sign-in#add_a_google_sign-in_button

 

1、准备工做

---facebook

一、facebook登陆必须有appid，该appid本身在https://developers.facebook.com/apps/建立的应用编号，先去https://developers.facebook.com/apps/注册本身的应用

二、建立好应用安装官方填写好设置（必须是https否则没法正常链接），登陆按钮可使用官方默认或者自定义

---google

一、clientid(Oauth2.0客户端ID)也是受权登陆的必须参数，官方说法是应用凭据对应的客户端ID，须要去这里https://console.developers.google.com/apis/credentials建立 应用凭据

二、建立好应用凭据以后去https://console.developers.google.com/apis/library把对应的API服务启用，这里是Web端（对应的是社交>G+和Google People API，都在本身建立的应用凭据内启用）

2、根据官方文档api拿到用户信息去操做(登陆或者注册)

3、下面是一个在线DEMO(全部须要的参数都是本身我的注册用来测试，这里是明文，实际中须要处理)

https://wjf444128852.github.io/demo01/login/

4、遇到的问题

通过测试只有谷歌登陆在chrome(（32 位）)上会出现这个错误，：{error: "popup_closed_by_user"}，64位chrome也是能够正常。其余全部浏览器都是正常的。

官方也有对应的issues：https://github.com/google/google-api-javascript-client/issues/405

等待解决。。。

已经解决：缘由戳这里