Commit e9a21cdc authored by Lulus's avatar Lulus
Browse files

社交登陆相关文档更新

parent abc0fcf7
# Facebook社交登陆应用配置
> 本文作者:52ABP开发团队 </br>
> 文章会随着版本进行更新,关注我们获取最新版本 </br>
> 本文出处:[https://www.52abp.com/wiki/52abp/latest](https://www.52abp.com/wiki/52abp/latest) </br>
> 源代码: https://www.github.com/52abp </br>
<!-- 简单的图文介绍: 关联代码位置 -->
配置流程:
---
- 注册 Facebook 账户,访问 https://developers.facebook.com/ 并创建一个应用程序:
![](images/2019-10-21-17-38-19.png)
![](images/2019-10-21-17-39-53.png)
- 配置 Facebook 登陆:
![enter-config](images/2019-10-21-17-41-32.png)
![basic-config](images/2019-10-21-18-15-49.png)
![advanced-config](images/2019-10-21-18-26-22.png)
来文档中心了解更多:https://www.52abp.com/wiki/
### 微信关注我们不走丢
<img src="https://raw.githubusercontent.com/52ABP/Documents/V0.16/src/mvc/images/jiaoluowechat.png" class="img-fluid text-center " alt="公众号:角落的白板报" style="height: 80;width: 250px;"/>
# GooglePlus社交登陆应用配置
> 本文作者:52ABP开发团队 </br>
> 文章会随着版本进行更新,关注我们获取最新版本 </br>
> 本文出处:[https://www.52abp.com/wiki/52abp/latest](https://www.52abp.com/wiki/52abp/latest) </br>
> 源代码: https://www.github.com/52abp </br>
<!-- 简单的图文介绍: 关联代码位置 -->
配置流程:
---
- 访问[console.developers.google.com](https://console.developers.google.com/projectcreate?organizationId=0), 创建一个项目(Project):
![](images/2019-10-27-01-01-32.png)
项目创建后结果如下:
![](images/2019-10-27-01-03-29.png)
- 项目创建完成后, 向项目中接入GooglePlus服务
- 进入信息中心
![](images/2019-10-27-01-06-27.png)
- 创建api服务
![](images/2019-10-27-01-07-09.png)
- 在api服务中搜索`Google Plus`
![](images/2019-10-27-01-09-17.png)
- 启用`Google Plus`服务
![](images/2019-10-27-01-10-26.png)
- 启用服务后, 需要创建社交登陆所需的相关凭据
![](images/2019-10-27-01-17-34.png)
- 在配置凭据之前, 需要先行配置授权页面信息
![](images/2019-10-27-01-18-18.png)
![](images/2019-10-27-01-23-34.png)
- 再次回到凭据创建页面, 开始创建我们的OAuth凭据
![](images/2019-10-27-01-25-11.png)
可以参考的配置如下:
![](images/2019-10-27-01-31-58.png)
- 创建完成后跳转, 即可获取到我们所需要的client id和client secret, 复制填入配置文件即可
![](images/2019-10-27-01-33-44.png)
来文档中心了解更多:https://www.52abp.com/wiki/
### 微信关注我们不走丢
<img src="https://raw.githubusercontent.com/52ABP/Documents/V0.16/src/mvc/images/jiaoluowechat.png" class="img-fluid text-center " alt="公众号:角落的白板报" style="height: 80;width: 250px;"/>
# 微软社交登陆应用配置
> 本文作者:52ABP开发团队 </br>
> 文章会随着版本进行更新,关注我们获取最新版本 </br>
> 本文出处:[https://www.52abp.com/wiki/52abp/latest](https://www.52abp.com/wiki/52abp/latest) </br>
> 源代码: https://www.github.com/52abp </br>
<!-- 简单的图文介绍: 关联代码位置 -->
配置流程:
---
- 访问[Azure.com](https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade), 创建一个应用程序注册(App Registration):
![](images/../licecap.gif)
- 填入相关必填项, 创建应用
![](images/2019-10-24-00-05-51.png)
应用创建后结果如下, 可以在此结果页获取到我们所需要的client id
![](images/2019-10-24-00-50-23.png)
- 应用创建完成后, 进行应用的后续配置
- 应用基本信息配置
![](images/2019-10-24-00-44-41.png)
- 应用授权回调相关配置
![](images/2019-10-24-00-16-50.png)
- 生成client secret
![](images/2019-10-24-00-48-03.png)
来文档中心了解更多:https://www.52abp.com/wiki/
### 微信关注我们不走丢
<img src="https://raw.githubusercontent.com/52ABP/Documents/V0.16/src/mvc/images/jiaoluowechat.png" class="img-fluid text-center " alt="公众号:角落的白板报" style="height: 80;width: 250px;"/>
# 社交登陆
> 本文作者:52ABP开发团队 </br>
> 文章会随着版本进行更新,关注我们获取最新版本 </br>
> 本文出处:[https://www.52abp.com/wiki/52abp/latest](https://www.52abp.com/wiki/52abp/latest) </br>
> 源代码: https://www.github.com/52abp </br>
<!-- 简单的图文介绍: 关联代码位置 -->
功能介绍:
---
![social-login](images/2019-10-21-17-19-10.png)
使用社交登陆, 用户可以免除繁杂的注册及账号校验流程.
配置流程:
---
1. 在社交登陆服务提供商的开发者中心注册社交登陆的应用, 具体的配置流程参考下列文章
- QQ
- Wechat
- [Microsoft](Features-52ABP-External-Login-Microsoft.md)
- [Facebook](Features-52ABP-External-Login-Facebook.md)
- [Google+](Features-52ABP-External-Login-GooglePlus.md)
2. 配置社交登陆
- Angular端:
- 在后台配置文件中启动对应的社交登陆功能并填入在上一步中获取到的appid和appsecret(不同的社交平台对于appid和appsecret可能有不同的叫法, 例如微软中appid称为consumerkey)
![web-host-config](images/2019-10-21-17-28-28.png)
- 在前端配置文件(environment.ts中)配置好对应的社交登陆的appid
![environment-ts-config](images/2019-10-21-17-31-03.png)
来文档中心了解更多:https://www.52abp.com/wiki/
### 微信关注我们不走丢
<img src="https://raw.githubusercontent.com/52ABP/Documents/V0.16/src/mvc/images/jiaoluowechat.png" class="img-fluid text-center " alt="公众号:角落的白板报" style="height: 80;width: 250px;"/>
# 迁移数据库控制台.
> 本文作者:52ABP开发团队 </br>
> 文章会随着版本进行更新,关注我们获取最新版本 </br>
> 本文出处:[https://www.52abp.com/wiki/52abp/latest](https://www.52abp.com/wiki/52abp/latest) </br>
> 源代码: https://www.github.com/52abp </br>
<!-- 简单的图文介绍: 关联代码位置 -->
![project](images/Migrator-Console-Application-1.png)
<!-- 简单的图文介绍: 效果展示 -->
![Migrator-Console-Application-1](images/Migrator-Console-Application-2.png)
<!-- 详细的图文介绍: 常见的应用场景&可能的注意事项 -->
<!-- 如果有子级的功能
## 子功能1
简单的图文介绍: 关联代码位置
简单的图文介绍: 效果展示
详细的图文介绍: 常见的应用场景&可能的注意事项
-->
来文档中心了解更多:https://www.52abp.com/wiki/
### 微信关注我们不走丢
<img src="https://raw.githubusercontent.com/52ABP/Documents/V0.16/src/mvc/images/jiaoluowechat.png" class="img-fluid text-center " alt="公众号:角落的白板报" style="
height: 80;
width: 250px;"/>
......@@ -36,7 +36,8 @@
- 登录
- [账号密码登录](Features-52ABP-NG-Login.md)
- 社交和外部登录
- [社交登陆](Features-52ABP-External-Login.md)
- [Facebook社交登陆应用配置](Features-52ABP-External-Login-Facebook.md)
- 双因素身份验证
- 找回密码
- [基于令牌的认证](Features-52ABP-NG-Token-Based-Authentication.md)
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment