Azure静态web应用部署blazor webassembly应用

上一次演示了如何使用Azure静态web应用部署VUE前端项目(使用 Azure静态web应用+Github全自动部署VUE站点)。我们知道静态web应用支持VUE,react,angular等项目的部署。除了支持这些常见前端框架,静态web应用同样支持微软推出的最新的前端框架Blazor Webassembly。今天就来演示下如何通过静态web应用部署Blazor项目。 新建blazor项目 使用VS新建一个blazor项目,因为是演示项目所以啥都不用改。 项目名称:WebStaticAppp_Blazor,完成新建。 新建github仓库 我们把代码存放在github上,所以需要新建一个空repository。仓库名称命名为staticwebapp_balzor。 回到上面创建的blazor项目,把代码推送到github仓库。推送成功后目录结构如下: 新建静态web应用 在azure portal找到静态web应用(预览),点击创建弹出创建资源界面: 名称:staticwebapp-blazor 区域:选个离你近的 SKU:免费 登录Github账号 在源代码管理信息界面点击“使用Github登录”,弹出Github授权页面,确认授权。 授权成功后就可以选择刚才创建的仓库。 储存库:staticwebapp_blazor。 分支:master。 生成预设;Blazor。 应用位置:WebStaticApp_Blazor。 API位置:默认。因为我们没有部署api,所以默认不用管他。 应用项目位置:wwwroot。 最后点击查看创建。等待创建资源,过一会portal会提示资源创建成功。 资源创建成功后,我们打开github上的项目,点击Actions,可以看到Azure Static Web App CI/CD这个job正在运行。等到这个job提示绿色对勾的时候就表示执行成功了。 返回portal查看刚新建的静态web应用,点击概述,查看URL。 把URL贴到浏览器里访问一下,熟悉的Blazor默认项目首页显示出来了。 我们把首页修改一下:然后推送到仓库。 @page "/" <h1>Azure static web app with BLAZOR .</h1> 推送成功后,仓库的actions会立马执行新的CI/CD任务,等到提示成功后,再次访问一下上面的URL,界面已经变化为我们修改的样式,说明部署成功了。 总结 通过简单的演示,我们熟悉了如何使用Azure静态web应用来部署blazor项目。流程上同部署VUE几乎一致,就是预设模板那里需要选择blazor而已,相当方便。当然了只有前端界面没有api服务是无法真正用来生产的,下一次我们演示下如何使用Azure静态web应用集成并调用Azure Functions 。 关注我的公众号一起玩转技术 [Read More]

Azure静态web应用+github全自动部署vue站点

什么事Azure静态web应用 Azure 静态 Web 应用是一种服务,可从 GitHub 存储库自动构建完整的堆栈 Web 应用,并将其部署到 Azure,目前它还是预览版。 Azure 静态 Web 应用通过与github actions集成,通过监听仓库的分支,当分支有push,pull request等动作的时候自动触发构建,并且部署到Azure。 Azure 静态 Web 应用支持对常见的VUE,React,Angular甚至Blazor进行自动构建及部署。并且部署的网站会使用Azure分布在全球的服务器,当用户访问的时候会选择地理位置最近的服务器来加速访问速度提高用户体验。 主要特点: 适用于 HTML、CSS、JavaScript 和映像等静态内容的 Web 托管。 由 Azure Functions 提供的集成 API 支持。 一流的 GitHub 集成,其中存储库更改将触发生成和部署。 全球分布的静态内容,使内容更接近你的用户。 可自动续订的免费 SSL 证书。 自定义域为应用提供品牌自定义。 调用 API 时使用反向代理的无缝安全模型,这不需要配置 CORS。 身份验证提供程序与 Azure Active Directory、Facebook、Google、GitHub 和 Twitter... [Read More]

试用azure sql 数据库

我们的12月试用账号的免费服务里有一个Azure Sql服务,最近正好自己做一个小工具需要一个数据库,正好可以把它当测试库顺便体验一把Azure Sql。 概述 Azure SQL 数据库 Azure SQL 数据库是 Azure 中托管的关系数据库即服务 (DBaaS),属于“平台即服务 (PaaS)”行业类别。 最适合用于需要使用最新的 SQL Server 稳定功能,且开发与面市时间有限的新式云应用程序。 完全托管的 SQL Server 数据库引擎,基于最新稳定的 SQL Server Enterprise Edition。 SQL 数据库有两个部署选项,每个选项都以 Microsoft 所拥有、托管及维护的标准化硬件和软件为基础。 在 SQL Server 中,无论是本地的还是 Azure 虚拟机中,都可使用需要进行广泛配置的内置特性和功能。 使用 SQL 数据库时,可以即用即付,并使用向上或向外缩放选项获得更强大的功能且不会中断服务。 SQL 数据库具有 SQL Server 所不能提供的其他一些功能,例如,内置的高可用性、智能和管理。 以上摘自 Azure Sql 文档 [Read More]

Azure内容审查器之羞羞图审查

上一篇 Azure 内容审查器之文本审查我们已经介绍了如果使用Azure进行文字内容的审核。对于社区内容,上传的图片是否含有羞羞内容也是需要过虑的。但是最为一般开发者自己很难实现这种级别的智能识别。但是借助Azure的内容审查器可以分分钟实现它。 创建内容审查器 在使用审查器之前需要在Azure上创建它。上次我们已经创建过了,这次就不在赘述了。请直接查看上一篇: Azure 内容审查器之文本审查 编写代码 创建一个控制台项目然后使用nuget安装一个库: 使用Azure封装过的库,真的超级简单,只要把图片的stream传递进去调用EvaluateFileInput就行了。 ``` static void Main(string[] args) { Console.WriteLine(“Hello World!”); [Read More]