# Facebook

# 实现 Facebook 第三方授权登录

目前Facebook的第三方登录有很多方案，且官方提供SDK方便接入。但是我这个项目同时要实现网页和客户端。所以选择了 Facebook 手动构建登录流程的方案。

# 配置 Facebook 应用

# 首先访问 Google Cloud Platform 控制台

地址： https://developers.facebook.com/ (opens new window)

新建一个应用

# 配置测试用户

# 配置回调地址

# 前端获取用户tokenId

以react为例通过react-facebook-login或者react-facebook-login-typed(支持ts)来实现获取用户tokenId

npm install react-facebook-login

import FacebookLogin from 'react-facebook-login';

<FacebookLogin
  appId="1088597931155576" //appId 为应用编号
  autoLoad
  callback={responseFacebook}
  render={renderProps => (
    <button onClick={renderProps.onClick}>This is my custom FB button</button>
  )}
/>

TIP

通过responseFacebook回调函数可以获得用户的信息，然后获取相对应的tokenId给后端

← Google MetaMask →