【Azure静态Web应用】真香,免费囤货个人站点
日前,楼主在微软Azure众多服务列表查看时,偶然发现【Azure静态Web应用】仍在预览阶段(免费对外提供服务),借助该服务,我们可以快速部署一个静态网站,用来展示个人主页、项目作品、或者演示H5,下面就和楼主一起来申请和部署下Web站点吧。
【Azure静态Web应用】官网介绍:
https://docs.microsoft.com/zh-cn/azure/static-web-apps/overview
静态Web应用支持Angular、React、Svelte或Vue之类的库和框架进行构建,也支持传统HTML、CSS、JavaScript,完全独立前端进行运行,至于代码部署,我们只需创建Github项目,进行链接,既可自动推送最新项目,持续部署。
操作如下:
1、登录Azure后台门户
2、搜索【Azure静态Web】,选择创建
3、输入Web名称、选择区域【支持东亚(香港数据中心)】,推荐使用
4、关联自己的Github账户,链接一个线上代码仓库,这时会有个Azure Action部署作业授权读取代码分支
5、继续填写页面路由位置、api位置【这里api目前限制只能使用Azure Function函数应用,无法直接使用普通web api(这个楼主也在折腾,努力找到其他访问方式)】
6、创建成功后,会生成一个对外二级域名,用来访问当前站点
如果你有自己的域名,可以【自定义域】下面关联绑定一条CNAME记录,绑定域名
默认Azure静态应用,会对每个添加的域名,自动赠送https证书【免费续期】,非常适合大家屯一个站点,比如展示个人简历、项目经验、普通静态H5等。
【阅读原文】