本系列前几篇介绍了vercel、netlify、alios部署前端应用。无论选择哪一种,下面三个配置是必不可少的:[build]#项目的根目录,也是执行npm命令的目录base=""#要服务的静态文件也是生成的目录打包后publish=".vuepress/dist"#Packagecommandcommand="npmrunbuild"Serverless部署在腾讯云的Serverless中,部署应用需要配置文件。部署纯前端页面需要使用tencent-website组件,使用上面的配置进行部署。下面是我的博客[1]使用vuepress搭建的serverless配置文件。在根目录新建一个配置文件serverless.yaml,配置如下:更详细的配置请看:无服务器网站完整配置【2】component:website#(必填)参考组件名称,目前使用的是tencent-website组件名:shanyue-blog#(必填)网站组件创建的实例名inputs:src:src:.index:index.htmldist:.vuepress/disthook:npmrunbuild#websitePath:。/region:ap-guangzhoubucketName:my-bucketprotocol:https执行命令前设置两个环境变量(我偷懒都扔到bashrc下了),在腾讯云的账号系统中可以找到:exportTENCENT_SECRET_ID=shanyue-idexportTENCENT_SECRET_KEY=shanyue-key万事俱备,只欠东风,一条命令搞定:#需要提前下载:npmi-gserverless$slsserverless?frameworkAction:"deploy"-Stage:"dev"-App:"shanyue-blog"-实例:“山岳-博客”地区:ap-guangzhouwebsite:https://my-bucket-1257314149.cos-website.ap-guangzhou.myqcloud.com详情:https://serverless.cloud.tencent.com/apps/shanyue-blog/shanyue-blog/dev103s?shanyue-blog?成功Serverless域名现在可以通过域名访问我的博客:https://my-bucket-1257314149.cos-website.ap-guangzhou.myqcloud.com,但是域名名字好像太长了?在腾讯云Serverless中使用自己的域名需要备案。我不会在这里详细介绍。综上所述,结合GithubActions,可以实现类似vercel、netlify的自动部署。它最大的优势是在中国拥有稳定的网络,以及免费的托管计划。如果有一点麻烦,那就是自定义域名。如果您只是想将其用作示例演示,就足够了!本文转载自微信公众号《全栈成长之路》,可通过以下二维码关注。转载本文请联系全栈成长之路公众号。
