Azure静态Web应用上的Blazor WebAssembly

2020-09-24 02:48:42

今天的许多应用程序只是前端的静态文件-HTML和JavaScript-在服务器端有一些功能强大的东西。它们是静态的应用程序,因为它们有非常动态的前端体验,但它们是静态的,因为它们的HTML不是动态生成的。

因此,你不需要花钱买Azure Web App,而Azure Static Web App就可以了!这些应用程序获得免费的SSL证书、自定义域、静态内容的虚拟主机,并且适合于自然的基于git的发布工作流程。您可以使用JavaScript框架和库(如ANGLE、REACT、Svelte、Vue)构建现代Web应用程序,或者使用Blazor创建WebAssembly应用程序,使用Azure函数作为后端,或者使用Gatsby、Hugo、VuePress等框架发布静态站点。

但本周Ignite传出了一条重大新闻,Azure Static Web应用程序现在支持Blazor应用程序。您可以开发和部署完全用.NET编写的前端和无服务器API。

要开始使用hello world style,这里有一个GitHub存储库模板,它是一个起点。它是一个基本的Web应用程序,带有使用Blazor和.NET的客户端,该客户端使用WebAssembly在您的浏览器中运行。

就这么定了!这几乎是十年后的事了,是的,JavaScript(和WebAssembly)是Web的汇编语言!

所以客户端运行在用C#编写的浏览器中,服务器作为同样用C#编写的无服务器Azure函数(意味着没有可识别的VM,它只是根据需要扩展)运行,并且这个客户端和服务器在Blazor和同样用C#编写的函数之间共享一个数据模型……等等……C#。

像这样的应用程序基本上可以永远进行扩展,而且成本低廉。它可以让浏览器正常工作(基本上都是挂着等待尖括号),当它需要数据时,它可以回调函数,甚至Azure CosmosDB。

请务必阅读此完整教程:在Azure Static Web Apps中使用Blazor构建静态Web应用!您所需要的只是一个GitHub帐户和任何免费的Azure帐户。

如果您想要更多的指导性学习,请查看Microsoft Learn上的12单元模块。这应该不会超过一个小时,您将了解如何使用Azure Static Web Apps发布Blazor WebAssembly应用程序和.NET API。

另外,请务必查看您的第二天Microsoft Ignite主题演讲!我在主题演讲中制作和演示的应用程序?当然是用Blazor和Azure Static Web Apps制作的!主题演讲在三个时区进行,因此您可以在适合您的时间查看它…或者按需查看!

赞助商:从文件系统和SQLite升级到Actian Zen Edge Data Management。在64位ARM/英特尔平台上,性能更高、可扩展、安全、几乎可嵌入任何编程语言和操作系统。

斯科特·汉塞尔曼(Scott Hanselman)是一名前教授,前金融学首席架构师,现在是演讲者、顾问、父亲、糖尿病患者和微软员工。他是一个失败的单口喜剧演员,一个播种者,还有一本书的作者。

关于新闻通讯