时间:2021-07-15 | 标签: | 作者:Q8 | 来源:纸鹤视界网络
小提示:您能找到这篇{使用Azure静态Web应用部署Blazor Webassembly应用}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的使用Azure静态Web应用部署Blazor Webassembly应用内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
上一次演示了如何使用Azure静态web应用部署VUE前端项目(使用Azure静态web应用+Github全自动部署VUE站点)。我们知道静态web应用支持VUE,react,angular等项目的部署。除了支持这些常见前端框架,静态web应用同样支持微软推出的最新的前端框架Blazor Webassembly。今天就来演示下如何通过静态web应用部署Blazor项目。 新建blazor项目 使用VS新建一个blaz公关危机绪论or项目,因为是演示项目所以啥都不用改。 项目名称: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项目。流程上同部署VU有哪个公关公司E几乎一致,就是预设模板那里需要选择blazor而已,相当方便。当然了只有前端界面没有api服务是无法真正用来生产的,下一次我们演示下如何使用Azure静态web应用集成并调用Azure Functions。 |
上一篇:收藏!Twitter最全注册流程和解封秘籍来啦!
下一篇:东南亚虾皮Shopee店铺流量来源1 - 站内流量分析
基于对传统行业渠道的理解,对互联网行业的渠道我们可以下这样一个定义:一切...
小米应用商店的后台操作和苹果是比较相似的,因为都能填写100字符关键词,允许...
小米的规则目前是在变更中的,但是根据经验小米的搜索排名评分的高低是个很重...
为了恰饭,有时候是要接入一些广告的,所以FB也专门有一个广告的SDK,这就是A...
在 2018 年于旧金山举行的游戏开发者大会上,Amazon Web Services (AWS) 曾宣布,目前世...
关于Facebook Audience Network如何收款的问题,其实官方已经给了详细的步骤。本文主要...
本文介绍了Audience Network对广告载体的质量检查,以及它重点广告形式需要注意的问...
随着iOS开发,作为开发者或公司需要针对iOS App开发涉及的方方面面作出对应的信息...
Facebook和谷歌对出海企业广告渠道都很熟悉,但事实上,在国外还有一些渠道也很...
卖家从做号的第1分钟开始,就一定要想好变现路径是什么?一定要以变现为目的去...
小提示:您应该对本页介绍的“使用Azure静态Web应用部署Blazor Webassembly应用”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通使用Azure静态Web应用部署Blazor Webassembly应用的相关事宜。
关键词:使用Azure静态Web应用部署