第三方登录功能实现 前端 后端 oauth2.0 授权流程

前置知识：
1.oauth2.0 开放授权知识
不懂的话看一下这个：

1. 认识篇： http://www.ruanyifeng.com/blog/2019/04/oauth_design.html
2. 认识四种授权方式：http://www.ruanyifeng.com/blog/2019/04/oauth-grant-types.html

开始实战

1. 在第三方网站服务器上登记你的应用程序信息 如github地址：https://github.com/settings/applications/new
   
   

2.然后第三方网站登记你的信息后会向你提供，client_id 客户端标识 和 client_secret 客户端密钥 （这里的客户端指的就是你的应用程序)

前端的登录按钮

代码如图：

第三方网站要求用户授权

3.用户点击授权后就会跳到指定的跳转地址, 这里跳转到了后端的认证路由地址

4.前端浏览器获取到信息后，就可以显示用户的信息了
示例

总结：

推荐实战文章：
http://www.ruanyifeng.com/blog/2019/04/github-oauth.html