前言
很多對外應用的開發都考慮接入第三方登錄來提高用戶的體驗感,避免用戶進行繁瑣的註冊登錄(登錄後的完善資料必不可免)。
而QQ、微信、支付寶、淘寶、微博等應用就是首選目標(無他,用戶羣體大,支持發開發者授權應用)。
可以點擊下面的地址體驗一下。
下面介紹基於OAuth2 的登錄組件
1、創建項目
這裏使用 GitHub 登錄做演示,因爲GitHub的 開發者應用程序 的創建支持localhost的方式訪問,可以本地開發直接調用。
新建一個 Asp.Net Core Web 應用(模型-視圖-控制器) 項目,項目名 GithubLogin (你也可以起一個其他的名稱),選擇 .Net Core 3.1 (長期支持) 後創建項目。
2、安裝NuGet包
MrHuo.OAuth.Github
選擇1.0.0進行安裝
3、創建GitHub授權應用
入口1:
訪問 https://github.com/settings/applications/new 網站
注意:GitHub網站速度較慢,如果顯示 無法訪問此網站 刷新一下多執行幾次,或者使用第二種入口註冊。
入口2:
訪問 https://github.com/ 進行登錄,在右上角的頭像圖標旁邊下拉點擊設置 Settings,
在出來的頁面點擊開發者設置 Developer settings ,
選擇 OAuth App 應用程序,點擊 New OAuth App 創建OAuth應用程序
4、配置授權key
把界面裏的 Client ID
,Client secret
,連同上一個界面裏填寫的 Authorization callback URL
全部填寫到配置文件對應位置。現在配置文件 appsettings.json
是這樣的:
{ "Logging": { "LogLevel": { "Default": "Information", "Microsoft": "Warning", "Microsoft.Hosting.Lifetime": "Information" } }, "AllowedHosts": "*", "oauth": { "github": { "app_id": "c147cxxxxxxxxxxxxxxxxxxe6ea2", //OAuth App創建的Client ID "app_key": "03ef6xxxxxxxxxbe6f4f0febef5", //OAuth App創建的Client secrets "redirect_uri": "http://localhost:33180/oauth/githubcallback", //回調地址(這個地址是你自己寫的,後面授權成功後做自己需要的功能) "scope": "repo" } } }
5、編寫代碼
在 Startup.cs
文件的ConfigureServices方法中注入組件:
services.AddSingleton(new GithubOAuth(OAuthConfig.LoadFrom(Configuration, "oauth:github")));
// This method gets called by the runtime. Use this method to add services to the container. public void ConfigureServices(IServiceCollection services) { services.AddControllersWithViews(); //注入GitHub授權組件 services.AddSingleton(new GithubOAuth(OAuthConfig.LoadFrom(Configuration, "oauth:github"))); }
在Controllers新建OAuthController.cs類,裏面的代碼如下:
using Microsoft.AspNetCore.Mvc; using MrHuo.OAuth.Github; using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; namespace ThirdPartyLogin.Controllers { public class OAuthController : Controller { #region GitHub授權+回調 //發起第三方授權申請 [HttpGet("oauth/github")] public IActionResult Github([FromServices] GithubOAuth githubOAuth) { return Redirect(githubOAuth.GetAuthorizeUrl()); } //第三方授權成功後回調方法 [HttpGet("oauth/githubcallback")] public async Task<IActionResult> GithubCallback( [FromServices] GithubOAuth githubOAuth, [FromQuery] string code) { return Json(await githubOAuth.AuthorizeCallback(code)); } #endregion } }
然後運行程序,在地址欄手動輸入訪問 發起第三方授權申請 的方法:http://localhost:33180/oauth/github 跳轉到授權頁面,
如下,點擊綠色的按鈕同意,然後授權成功,
成功後調用我們之前配置的回調方法,在這裏我們就可以自定義操作了,入庫或者其他。
授權成功返回的內容如下:
經過指定處理後,可視化顯示爲:
到這裏一個簡單的第三方GitHub授權指定網站登錄就完成了,其他的授權都是大同小異,需要注意的是我們用到的組件需要去找一下,然後去各個平臺申請一個key。
當然,我這裏是白嫖的 開發者精選資訊 大佬的,更多用法可以直接去下載demo下來看,最後附上鍊接,大家可以去看看
相關文獻
- OAuth2:https://oauth.net/2/
- 源碼下載: https://github.com/mrhuo/MrHuo.OAuth
- 演示地址:https://oauthlogin.net/
歡迎關注訂閱微信公衆號【熊澤有話說】,更多好玩易學知識等你來取
作者:熊澤-學習中的苦與樂 公衆號:熊澤有話說 出處:https://www.cnblogs.com/xiongze520/p/15039407.html 創作不易,任何人或團體、機構全部轉載或者部分轉載、摘錄,請在文章明顯位置註明作者和原文鏈接。
|