blazor webassembly 開發資料匯總



blazor webassembly standalone  模式, 前台是 webassembly, 后台可以是任意語言開發的API服務
blazor webassembly hosted  模式,  前台是 webassembly, 后台是 aspnet core
blazor server  模式, 前台是 webassembly, 后台是 aspnet core, 前台通過SignalR和后台通訊


================================

精選

================================

首選 meziantou 博客

https://www.meziantou.net/archives-categories-blazor.htm

https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial

https://chrissainty.com/containerising-blazor-applications-with-docker-containerising-a-blazor-webassembly-app/

https://shauncurtis.github.io/articles/Blazor-Components.html

https://nightbaker.github.io/

https://www.cnblogs.com/ittranslator/category/1995890.html

 

================================

其他

================================


曉晨Master
https://www.cnblogs.com/stulzq/category/1775987.html


Building a Progressive Web App with Blazor
https://devblogs.microsoft.com/visualstudio/building-a-progressive-web-app-with-blazor/

A simple way to create a PWA with Blazor WebAssembly  
https://wellsb.com/csharp/aspnet/create-pwa-from-blazor-app/

c-sharpcorner.com tips for build blazor webassembly
https://www.c-sharpcorner.com/article/tips-for-building-blazor-webassembly-app-in-net-6-and-visual-studio-code/

Progressive Web Applications – From Zero to Hero (Blazor, ASP.NET Core, Vue.js, Angular Examples)
https://www.dotnetcurry.com/aspnet-core/progressive-web-apps-blazor-vuejs-angular


blazor server 和 blazor assembly 區別
https://dotnettutorials.net/lesson/blazor-hosting-models/


ebook
https://docs.microsoft.com/en-us/dotnet/architecture/blazor-for-web-forms-developers/?wt.mc_id=academic-0000-chnoring

微軟 官方文檔
https://docs.microsoft.com/en-us/aspnet/core/blazor/?view=aspnetcore-5.0


微軟官方教程 aspnet blazor tutorial
https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/intro
https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5003987

 

blazor 教程
https://blazor-university.com/


理解官方提供的 blazor 項目模版
https://www.pragimtech.com/blog/blazor-webAssembly/create-blazor-webassembly-app/


學完: zzzprojects 出品的 blazor tutorial 稍微有點過時
https://blazor-tutorial.net/create-blazor-application

 

《進擊吧!Blazor!》系列入門教程 

https://www.cnblogs.com/MSReactor/category/1917442.html

 

 

============================================

實例

============================================

https://jasonwatmore.com/post/2020/08/13/blazor-webassembly-jwt-authentication-example-tutorial

https://jasonwatmore.com/post/2020/09/27/blazor-webassembly-authentication-without-identity

https://jasonwatmore.com/post/2020/11/09/blazor-webassembly-user-registration-and-login-example-tutorial

使用Blazor開發內部后台系列
https://zhuanlan.zhihu.com/p/389393062
https://zhuanlan.zhihu.com/p/387942466
https://zhuanlan.zhihu.com/p/395232158

 

 

============================================

部署

============================================
blazor webassembly standalone 模式如何部署
https://hackernoon.com/build-and-deploy-a-blazor-app-without-touching-a-windows-machine-oxp22fj 

 

https://www.c-sharpcorner.com/article/dockerizing-blazor-wasm-application/

 

============================================

組件庫

============================================

https://blazority.com/datagrid/structure


Ant Design of Blazor, https://antblazor.com/
Ant Design Pro Blazor, https://pro.antblazor.com/


Radzen Blazor Components開源免費組件包
How To Get Started With The Radzen Blazor Components
https://www.c-sharpcorner.com/article/how-to-get-started-with-the-radzen-blazor-components/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM