Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/serverless-plus/serverless-cnode-nuxtjs

Serverless Cnode Client using Nuxt.js
https://github.com/serverless-plus/serverless-cnode-nuxtjs

cnode nuxtjs serverless serverless-component serverless-framework serverless-ssr ssr

Last synced: about 2 months ago
JSON representation

Serverless Cnode Client using Nuxt.js

Awesome Lists containing this project

README

        

# Serverless CNode

[在线预览](https://cnode1.yuga.chat)

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

## 流程图

![Deploy Flow](./docs/ssr-deploy-flow.png)

## 功能

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

## 本地开发

```bash
$ npm install

$ npm run dev
```

## 本地构建

```bash
$ npm run build
```

## 配置

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

```dotenv
# 腾讯云授权密钥
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` 部署到
[层](https://cloud.tencent.com/document/product/583/40159),然后在部署项目代码,
这样下次部署项目时,如果 `node_modules` 没有修改,我们就不需要部署庞大的
`node_modules` 文件夹了。

1. 部署层:

```bash
$ npm run deploy:layer
```

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

2. 部署业务代码:

```bash
$ npm run deploy
```

## License

MIT