oauth-facebook.md 2.2 KB
Newer Older
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
1 2 3 4 5 6 7 8 9
### 开通条件
1.海外网络环境
2.Facebook账号([Facebook登录页面](http://www.facebook.com))

### 创建应用

1.打开[Facebook开发者中心](http://developers.facebook.com/)

2.点击右上角"我的应用"
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
10

D
DCloud_LXH 已提交
11
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-myApplication.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
12 13

3.进入应用管理界面,点击"创建应用"
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
14

D
DCloud_LXH 已提交
15
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-createApplication.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
16 17 18


4.根据需要选择应用产品的类型(应用类型详见"详细了解应用类型"),然后点击继续
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
19

D
DCloud_LXH 已提交
20
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-chooseApplicationType.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
21 22 23


5.填写应用信息
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
24

D
DCloud_LXH 已提交
25
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-fillInAppInfo.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
26 27 28 29 30


6.创建完成后即可获取应用的应用编号(即appID)

7.为应用添加登录功能
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
31

D
DCloud_LXH 已提交
32
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-addProduct.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
33 34 35 36 37



### 设置登录-iOS
1.我的应用--设置--基本,选择添加平台,选择iOS
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
38

D
DCloud_LXH 已提交
39
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-addPlatform.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
40 41 42


2.填写信息保存即可 
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
43

D
DCloud_LXH 已提交
44
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-ios-saveInfo.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
45 46 47 48 49 50



### 设置登录-Android

我的应用--设置--基本,选择添加平台
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
51

D
DCloud_LXH 已提交
52
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-addPlatform.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
53 54 55


选择android平台,应用商店选择Google Play
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
56

D
DCloud_LXH 已提交
57
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-appstore.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
58 59 60 61 62 63 64 65 66 67 68


填写必要的包名和散列信息,类名是固定的。如图

散列的获取方法,参考文档:
https://developers.facebook.com/docs/facebook-login/android  第六小节

如果获取到的散列位数不对,需要找台linux/mac 计算机。
使用下面的命令获取
keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64

D
DCloud_LXH 已提交
69
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-android-saveInfo.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
70 71 72 73 74 75 76



### 应用权限
使用Facebook登录需开启"public_profile"以及"email"的访问权限
点击"应用审核"-"权限和功能",开启"public_profile"以及"email"的高级访问权限

D
DCloud_LXH 已提交
77
![](https://web-assets.dcloud.net.cn/unidoc/zh/oauth-fb-permission.png)
DCloud_iOS_WZT's avatar
DCloud_iOS_WZT 已提交
78 79 80 81 82