Skip to content

serverless-plus/serverless-cnode-nuxtjs

Repository files navigation

Serverless CNode

在线预览

使用 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 没有变更,就不需要执行此命令。

  1. 部署业务代码:
$ npm run deploy

License

MIT