From 2befc45c5ba929a07c38a2ff8cecf5505a70cdb6 Mon Sep 17 00:00:00 2001 From: wangzhitong Date: Wed, 22 Sep 2021 15:54:10 +0800 Subject: [PATCH] =?UTF-8?q?1.facebook=E7=99=BB=E5=BD=95=E5=BC=80=E9=80=9A?= =?UTF-8?q?=E6=96=87=E6=A1=A3=202.google=E7=99=BB=E5=BD=95=E5=BC=80?= =?UTF-8?q?=E9=80=9A=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/app/oauth | 0 docs/app/oauth/oauth-facebook.md | 73 ++++++++++++++++++++++++++++++++ docs/app/oauth/oauth-google.md | 37 ++++++++++++++++ 3 files changed, 110 insertions(+) delete mode 100644 docs/app/oauth create mode 100644 docs/app/oauth/oauth-facebook.md create mode 100644 docs/app/oauth/oauth-google.md diff --git a/docs/app/oauth b/docs/app/oauth deleted file mode 100644 index e69de29b..00000000 diff --git a/docs/app/oauth/oauth-facebook.md b/docs/app/oauth/oauth-facebook.md new file mode 100644 index 00000000..d1ea9b13 --- /dev/null +++ b/docs/app/oauth/oauth-facebook.md @@ -0,0 +1,73 @@ +### 开通条件 +1.海外网络环境 +2.Facebook账号([Facebook登录页面](http://www.facebook.com)) + +### 创建应用 + +1.打开[Facebook开发者中心](http://developers.facebook.com/) + +2.点击右上角"我的应用" +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/9e3ba994-95b0-46d6-9e40-0c18b9fac5d3.png) + +3.进入应用管理界面，点击"创建应用" +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/0d96a58b-e31d-4f86-9372-dd84249a498b.png) + + +4.根据需要选择应用产品的类型(应用类型详见"详细了解应用类型")，然后点击继续 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/a940cfc2-8e8c-44cf-9334-56cb282d4f52.png) + + +5.填写应用信息 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/57f5f5c0-27ca-4aa7-9e68-fb051c8afccb.png) + + +6.创建完成后即可获取应用的应用编号(即appID) + +7.为应用添加登录功能 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/4e7ad147-e4ce-40eb-a1b0-2381bdc53813.png) + + + +### 设置登录-iOS +1.我的应用--设置--基本，选择添加平台，选择iOS +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/cebc70d2-da0e-4708-9d05-d5f5d80de1ca.png) + + +2.填写信息保存即可 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/70038074-8c3a-4db8-99ab-49e14b951c79.png) + + + +### 设置登录-Android + +我的应用--设置--基本，选择添加平台 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/a8fe2779-1142-452b-a4b0-f4bd61695770.png) + + +选择android平台，应用商店选择Google Play +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/afa346b7-a001-47b1-9c7e-914074153ac3.png) + + +填写必要的包名和散列信息，类名是固定的。如图 + +散列的获取方法，参考文档： +https://developers.facebook.com/docs/facebook-login/android 第六小节 + +如果获取到的散列位数不对，需要找台linux/mac 计算机。 +使用下面的命令获取 +keytool -exportcert -alias hbuilder -keystore ./HBuilder.keystore | openssl dgst -sha1 -binary | openssl base64 + +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/4c59adf0-cb40-41d7-95d4-e26102aeacd9.png) + + + +### 应用权限 +使用Facebook登录需开启"public_profile"以及"email"的访问权限 +点击"应用审核"-"权限和功能"，开启"public_profile"以及"email"的高级访问权限 + +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/28dac1d2-f714-4477-a5c8-dd2e1b894894.png) + + + + + diff --git a/docs/app/oauth/oauth-google.md b/docs/app/oauth/oauth-google.md new file mode 100644 index 00000000..bebed6fb --- /dev/null +++ b/docs/app/oauth/oauth-google.md @@ -0,0 +1,37 @@ +### 前置条件 + +1 海外网络环境 +2 Google账号 + +### Android开通步骤 + +2.1 打开Google 登录引导页 +网址： https://developers.google.com/identity/sign-in/android/sign-in?hl=zh-cn + +2.2 选择项目配置 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/636a9bd3-77d7-4539-b46c-0c798eb49350.png) + +点击后出现项目与应用选择界面， +如果你有已创建过的Firebase项目，可以直接选择。 +如果没有，可以选择新建一个Google Api 项目。 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/f206ec8a-c82d-41f4-9e6d-d838e21a4857.png) + +选择项目后，在该项目下新建一个应用 +选择应用平台 android +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/09c5a8aa-c698-4133-9a11-d73d59e37da5.png) + + +需要填写应用的包名和sha1指纹 +指纹的获取方法在界面上有提示。按照提示操作即可。 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/d14feca3-94b5-467e-b197-d98b866072bc.png) + +点击创建，即可完成开通步骤。 + +### iOS开通步骤 + +3.1 打开[Google登录iOS引导页](http://developers.google.com/identity/sign-in/ios/start-integrating?hl=zh-cn) +3.2 点击创建OAuth客户端ID，填写项目名称 +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/1978e9aa-5e11-4586-9caf-1c1b7c3e71bd.png) + +3.3 选择iOS平台、填写BundleID后，点击CREATE，即可获取Client ID +![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/26045e0b-b6f0-4c22-aa61-0d63120e1a4b.png) \ No newline at end of file -- GitLab