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

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

一.前言 最近在折腾 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是…

原文链接:https://www.cnblogs.com/densen2014/p/16133343.html Window.localStorage 只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage:存储的数据将保存在浏览器会话中. 存储在 localStorage 的数据可以长期保留 localStorage 中的键值对总是以字符串的形式存储. (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字…

一. 前言 Blazor 的整体介绍以及特点与优势,建议翻阅 Blazor 介绍. Blazor 是一个可是使用 .NET/C# 来编写交互式客户端的 Web UI 框架,在官网有一句话概括 "Build client web apps with C#".在 Blazor 里面有三个比较重要的概念: Components Blazor WebAssembly Blazor Server Components 翻译过来就是组件,是指 UI 元素,例如页面.对话框或数据输入窗体.Blazo…

最近blazor的WebAssembly 正式版出来了,正好手头有一个项目采用的前后端分离模式做的,后端用的abp vnext(.net core 的一个很著名的框架)框架开发的,其实前端之前考虑的使用vue来做,但是看到了blazor的相关技术文章.就仔细看了下这个技术,也算是刚开始接触学习,这里呢就边学习边开发,把开发过程给大家分享出来. blazor分为 Server 和 WebAssembly 版,先给看一下官方的说明,然后我再结合项目具体说下,两个版本官方的说明如下: 1.WebAss…

Blazor WebAssembly是什么 首先来说说WebAssembly是什么,WebAssembly是一个可以使C#,Java,Golang等静态强类型编程语言,运行在浏览器中的标准,浏览器厂商基于此标准实现执行引擎. 在实现了WebAssembly标准引擎之后,浏览器中可以执行由其他语言编译成的wasm模块.使用强类型编程语言的好处显而易见: 可以选择更多的语言,编写前端逻辑 静态编程语言编译成的字节码,相对于JS这种脚本语言执行效率更高 可以使用静态编程语言生态中的强大类库 Blazo…

19. 微软云web应用部署 上一章节我们介绍了如何实现在微软云通过虚拟机部署我们的在python django应用,本章我们来介绍如何Windows Azure上部署通过部署网站的方式来部署我们的应用,这种部署方式更方便,与vs 2013的集成度更高. 19.1. 创建Web 应用 我们登陆Windows Azure中国账户后进入到管理门户,选择“web 应用”,点击新建按钮,如下图: 创建完成后,我们选择myazure进度到应用的管理界面,如下图: 点击“浏览”按钮,浏览该网站,如果网站创建…