什么事Azure静态web应用 Azure 静态 Web 应用是一种服务,可从 GitHub 存储库自动构建完整的堆栈 Web 应用,并将其部署到 Azure,目前它还是预览版. Azure 静态 Web 应用通过与github actions集成,通过监听仓库的分支,当分支有push,pull request等动作的时候自动触发构建,并且部署到Azure. Azure 静态 Web 应用支持对常见的VUE,React,Angular甚至Blazor进行自动构建及部署.并且部署的网站会使用Azu…

上一次演示了如何使用Azure静态web应用部署VUE前端项目(使用 Azure静态web应用+Github全自动部署VUE站点).我们知道静态web应用支持VUE,react,angular等项目的部署.除了支持这些常见前端框架,静态web应用同样支持微软推出的最新的前端框架Blazor Webassembly.今天就来演示下如何通过静态web应用部署Blazor项目. 新建blazor项目 使用VS新建一个blazor项目,因为是演示项目所以啥都不用改. 项目名称:WebStaticAppp…

一.前言 最近在折腾 Hexo 博客,试了一下 Azure 的静态 Web 应用服务,发现特别适合静态文档类型的网站,而且具有免费额度,支持绑定域名.本文只是以 Hexo 作为示例,其他类型的框架也是支持的. 流程: 整个流程完全自动化,免费.并且访问具有不错的速度,演示:https://zhiqiang.li 二.环境准备 将会以标准的 Hexo 博客来作为演示,如果还不会使用 Hexo 博客,可以阅读我前面几篇文章. 三.Azure 静态 Web 应用 1.创建 访问 https://por…

前几次我们演示了如果通过Azure静态web应用功能发布vue跟blazor的项目.但是一个真正的web应用,总是免不了需要后台api服务为前端提供数据或者处理数据的能力.同样前面我们也介绍了Azure函数服务,Azure函数的http trigger可以对http作出响应,可以完美的承当web api的角色.现在Azure静态web应用可以直接集成Azure函数,使得一次发布可以同时发布前端项目(vue.blazor)及后台api服务(azure函数). 新建Azure函数 上次已经演示过如何…

背景 最近在浏览微软的文档的时候发现,微软喜欢用Hugo这个文档框架,有些技术产品的文档页面就用Hugo来做的,同时搭配Github + Azure Static Web Apps Service这个组合来完成自动构建和发布. 刚好我也有个和Hugo类似的静态前端框架在用,结果还真的在Azure Static Web Apps Service支持的范围内,索性就尝鲜一试. 什么是Azure静态网站应用服务(Azure Static Web Apps) Azure Static Web Apps是…

我的博客最开始采用的是Hexo+hexo-theme-next搭建的,使用GitHub Pages托管并进行自动化部署,写文发布的流程非常简单方便,云端写作发布也轻而易举. 本来事情到这里就应该结束了,但是,我又进行了下面的一些尝试 装备 美化博客 NexT主题允许通过custom_file_path设置外挂文件进行修改 自定义界面修改 图片加载优化 lazyload 图床使用 目前使用的聚合图床效果不佳 img.show 笑果图床 文章压缩发布 hexo-neat 评论.统计分析插件 vali…

http://segmentfault.com/a/1190000002765287 在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.新建版本库 首先咱们新建了一个版本库作为 demo,然后点击"settings" 2.Automatic page generator 我们选择 "GitHub Pages" 的 "Automatic page generator" 3.自…

问题: 部署在Azure环境Web应用程序的JSON文件,直接通过浏览器或Web应用访问出现 404 的错误信息. 以下通过Firfox浏览器直接访问JSON文件返回的提示错误信息: “HTML 文档的字符编码未声明.如果该文件包含 US-ASCII 范围之外的字符,该文件将在某些浏览器配置中呈现为乱码.页面的字符编码必须在文档或传输协议层声明.” 解决方案: 在Web.config配置文件 <system.webServer> 节点下增加以下配置信息: <system.webServe…

一,引言 前天我们将到使用Azure的 Pass 服务 “Web App” 去部署我们的.NET Core Web项目,也同时有介绍到如何在VS中配置登陆中国区的Azure账号,今天接着讲,我们部署完我们的Web服务,进行完测试后,肯定是要发布到生产环境,但是我们不可能再去创建一个相同的Web App,配置上生产环境的域名,配置上生产环境的数据库连接字符串等等,而 Azure 的 Web App是可以通过自己的一个叫 “Deployment slots(部署槽)”的功能进行切换.我们来看一下微软…

问题描述 在参考文档"使用 GitHub Actions 部署 ARM 模板"一文中,由于是在中国区Azure上操作,所以生产的部署凭证为中国区凭证.当创建工作流时,在登录到Azure这一步骤中,模板中使用指令为" - uses: azure/login@v1"在执行时,遇见了登录到global的错误. 错误消息为:Error: Az CLI Login failed. 问题解决 从错误消息就可以发现,这是因为默认情况下,Github Action中设定的指令&qu…