第三方登錄功能實現 前端 后端 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