基于Azure static web apps 无服务器deploy

基于Azure static web apps 无服务器deploy

昨天玩了一下 azure static web app 无服务器方案,不需要 server渲染, 前端框架的 JS 网站。体验下来 Azure的方案对企业真是方便,高效,安全性还好。
1.在 github上托管1套前端代码 (DevOps 也可以,不过没用过,无经验)
Github 1
2.创建 Azure static web app, 需要链接到 github 的代码库
azure static web app 1
price
价格的确不贵,个人免费,100G每月也足够了
链接 github 的同时,CI/CD workflow 其实 azure 已经给你自动创建了

  1. 根据你自己的环境,编辑这个yml文件,commit 一下就自动build 和 deploy 了
    yml
    当然主要的坑也就在这里,肯定会有很多错误,主要在这里排错,你需要前端参与,他们比较了解build 的依赖和环境
    error
    4.最后,排错和部署成功,网站就运行了
    successful
    以后前端只要github上更新代码,build 和 deploy 就全自动了,真是方便啊

更为方便的是, 后端 API 如果也在 azure 上,直接集成了 api 的 AD 验证,你都不用在代码层面去考虑如何保证安全,就算完全公开的 API, 也直接绑定AD 验证
api auth
而且 Microsoft 还贴心的为前端开发人员提供了模拟AD 验证的本地开发环境
https://learn.microsoft.com/zh-cn/azure/static-web-apps/local-development