第25個冬天

開啟vs2019新增一個web api2專案後 新建一個API控制器 在Controllers目錄下右鍵新增Web API 2專案 包含read/write的模板 針對專案右鍵->管理nuget套件 當再次運行專案 在URL上面多增加 /swagger

  安裝配置SqlSugarCore框架(也是更新的一套類似EFCore的ORM框架) 註冊SqlSugar相應服務 這邊藉由Singleton將服務給註冊進來 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 using SqlSugar ; var builder = WebApplication.CreateBuilder(args); builder.Services.AddCors(options => { options.AddDefaultPolicy( builder => { builder.WithOrigins( "http://localhost:9090" ).AllowAnyHeader().AllowAnyMethod(); }); }); builder.Services.AddSingleton<ISqlSugarClient>(config => { var client = new SqlSugarClient( new ConnectionConfig() { ConnectionString = builder.Configuration.GetConnectionString( "MySQLDbConn" ), DbType = DbType.MySql, IsAutoCloseConnection = true , InitKeyType = InitKeyType.Attribute }); return client; }); // Add services to the container. builder.Services.AddControllers(); // Learn more about c...

  在此都先假定你已經環境安裝好vs2022,.net6以上 以及nodejs,npm, vue3 cli 等諸多工具了 https://coolmandiary.blogspot.com/2022/01/vuejs12vue-cli.html 尚未安裝的在補安裝好vue cli npm install -g @vue/cli 在Vue3開發專案的創建方式有以下幾種 方法1.藉由vue-cli vue create 專案名稱(也會自動建立目錄) 要運行在透過npm run serve即可 方法2.透過visual studio ide來創建(背後也是透過方法1.藉由vue-cli) 在空方案中右鍵新增vue專案(可搜尋關鍵字vue)找到獨立的 其他preview是有和asp.net core整併的專案版本 在此要勾消若有勾選擇代表會把asp.net core整併一起 基本上背後也是透過vue cli在幫我們create專案而且產生的專案目錄也一樣 基本上可直接按綠色執行撥放按鍵來跑專案 方法3.會自動安裝並執行create-vue 這是vue官網cli工具，會透過Vite來創建 npm init vue@latest 可能暫時就不討論此方式 在空方案中去新建另一個asp.net core web api專案 接著要來配置後端web api的跨域 前端已經是8080的埠號 後端部分也要固定好埠號 這裡專案給的是44037 由於瀏覽器存在同源政策的機制 因此會將相異port應用之間存取默認是不被允許的 至Program.cs中 builder.Services.AddControllers(); 的上方去配置 允許所有請求Header與Method 以及相應中間件的設置 Program.cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 var builder = WebApplication.CreateBuilder(args); builder.Services.AddCors(options => { options.AddDefaultPolicy( ...

  在.net web api 專案若要去實踐Authentication以及Authorization 預設專案配置會涉及到 asp.net identity的使用 而identity又會涉及到Entity Framework的使用 這些在過去的學習部落格篇章都有筆記到 ASP.NET MVC第012天_ASP.NET Identity使用筆記_初始配置到註冊篇 ASP.NET MVC第013天_ASP.NET Identity使用筆記_註冊完後的郵件有效性確認 ASP.NET MVC第014天_ASP.NET Identity使用筆記_使用者登入_Claims-based identity理解 ASP.NET MVC第015天_是不是用了Identity後就一定要接受它自動建立的DB跟命名?不想用到一個DB以上怎麼辦 .NET MVC 疑難雜症 ASP.NTE MVC 為何IdentityResult ConfirmEmailAsync返回Succeeded總是false的問題排除 因此不會特別在贅述 稍微介紹到一個詞 Oauth OAuth是一個開發標準（Open Standard）用來處理有關「授權」（Authorization）相關的行為。 有分為OAuth 1.0跟OAuth 2.0 OAuth 2.0是OAuth協定的下一版本，但不向下相容OAuth 1.0。 OAuth 2.0關注客戶端開發者的簡易性，同時為Web應用、桌面應用、手機和智慧型裝置提供專門的認證流程。 OAuth 允許讓第三方應用存取該使用者在某一網站或平台(Google,Facebook,Twitter,Apple) 上儲存的私密的資源（如相片，影片，聯絡人列表）， 而 無需將使用者名稱和密碼提供給第三方應用 。 更白話說就是透過第三方登入 Sign in with Google Sign in with Facebook.... 在OAuth 2  具有四種角色 Resource Owner(資料擁有者) : 你(我們自己)、user ，也可能直接是Client (應用)不是人 Client(應用程式) : User授權給第三方的應用程式，例如:蝦皮、instagram、FB心理測驗遊戲、手機APP。 Authorization Server(總管授權S...