在线预览

使用 Nuxt.js 开发,并且基于 Serverless 部署的 cnode 客户端

Deploy Flow

• Nuxt.js
• 持久化数据状态
• 自定义 Express Server
• LRU Render Cache
• 基于 Serverless Nuxt.js 组件部署
• 静态资源分离,自动部署到 COS
• 自动为静态 COS 配置 CDN
• node_modules 基于层部署,大大提高部署效率
• Typescript

$ npm install
$ npm run dev

$ npm run build

在部署到 Serverless 前,将 .env.example 重命名为 .env,并请完成如下配置:

# 腾讯云授权密钥
TENCENT_APP_ID=xxx
TENCENT_SECRET_ID=xxx
TENCENT_SECRET_KEY=xxx
# 部署地区
REGION=ap-guangzhou
# 静态资源上传 COS 桶名称
BUCKET=serverless-cnode
# API 网关自定义域名 和 证书 ID
APIGW_CUSTOM_DOMAIN=cnode.yuga.chat
APIGW_CUSTOM_DOMAIN_CERTID=xxx
# CDN 域名,证书 ID
CDN_DOMAIN=static.cnode.yuga.chat
CDN_DOMAIN_CERTID=xxx
# 本地开发服务端口
PORT=8000

注意:如果不需要使用 CDN,直接使用 COS 自动生成的域名,也是可以的,只需要删除 serverless.yml 中的 cdnConf 即可。

此项目会先将 node_modules 部署到 层,然后在部署项目代码, 这样下次部署项目时,如果 node_modules 没有修改,我们就不需要部署庞大的 node_modules 文件夹了。

1. 部署层:

$ npm run deploy:layer

注意:如果项目 node_modules 没有变更,就不需要执行此命令。

2. 部署业务代码:

$ npm run deploy

MIT