https://github.com/hal-wang/todo
一个简易的 todo 项目,包含后端和前端,无需服务器,一键搭建
https://github.com/hal-wang/todo
cloudbase halsp serverless
Last synced: 6 months ago
JSON representation
一个简易的 todo 项目,包含后端和前端,无需服务器,一键搭建
- Host: GitHub
- URL: https://github.com/hal-wang/todo
- Owner: hal-wang
- License: mit
- Created: 2021-04-16T03:10:36.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-07-30T07:46:06.000Z (over 2 years ago)
- Last Synced: 2025-01-23T06:13:21.435Z (about 1 year ago)
- Topics: cloudbase, halsp, serverless
- Language: TypeScript
- Homepage: https://env-caafniqh-1253337886.ap-shanghai.app.tcloudbase.com/todo
- Size: 684 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# todo
一个简易的 todo 项目,包含后端和前端
线上示例:
一键部署:
[](https://console.cloud.tencent.com/tcb/env/index?action=CreateAndDeployCloudBaseProject&appUrl=https%3A%2F%2Fgithub.com%2Fhal-wang%2Ftodo&branch=main)
## 解决 CloudBase Framework Node.JS 版本过低问题
截至目前, `CloudBase Framework` 最高仅支持 `Node.JS 12.16`,很多依赖已经无法正常使用了
这将导致部署的云函数启动失败
为了解决这个问题,你需要或先创建同名云函数再部署,创建云函数时选择 nodejs 版本为 `16.13` (目前最高的支持)
或一键部署后删除 `todo` 云函数,然后再重建一个同名函数,然后再次部署。
## 介绍
使用了数据库两个文档:`todo-user`, `todo-todo`。
测试账号:
- email: `test@hal.wang`
- password: `123456`
前端:vue3 + pinia + ant-design
后端:[halsp](https://halsp.org)
全部使用 ts 开发
### 权限认证
使用 JWT 进行了基本的权限认证
前端使用 localStorage 进行 Token 管理和验证
后端写了以下几种权限
- 管理员: 用 @Admin 装饰的 Action
- 开放: 用 @Open 装饰的 Action
- 普通用户:默认,需要登录状态
## 二次开发
如果现有功能不能满足,你可以进行二次开发
### API
在 `todo-api` 下创建文件 `.env.local`,内容如下
```
SCF_NAMESPACE=cloudbase环境id
SECRET_KEY=腾讯云 secret key
SECRET_ID=腾讯云 secret id
JWT_SECRET=JWT 密钥
```
#### 运行 API
先安装依赖,在 `todo-api` 下执行
```bash
yarn install
```
再使用 vscode 打开 `todo-api`,直接 F5 开始调试
或在 `todo-api` 目录下执行
```bash
yarn dev
```
### Web
先安装依赖,在 `todo-web` 下执行
```bash
yarn install
```
再执行下面命令运行
```bash
yarn dev
```
或使用已发布的接口,需要修改 `todo-web/.env.stage` 文件中的 `VUE_APP_BASE_API`
然后运行
```bash
yarn dev:stage
```
### 发布
可以本地使用 `@cloudbase/cli` 发布,也可以使用 GitHub Actions 持续集成
#### cli 发布
在项目根目录下创建 `.env.local` (注意是项目根目录,不是 API 或 Web 下)
内容如下
```
ENV_ID=cloudbase环境id
JWT_SECRET=JWT 密钥
```
在项目根目录下运行以下命令发布
```bash
yarn deploy
```
#### GitHub Actions
仓库增加 Secrets,在 `Settings -> Secrets -> Actions`,点击 `New repository secret` 按钮
- TENCENT_SECRET_ID: 腾讯云 secret id
- TENCENT_SECRET_KEY: 腾讯云 secret key
- ENV: 与 `cli 发布` 的 `.env.local` 文件内容相同
配置完成后,每次 main 分支提交代码就会自动发布到 CloudBase
发布进度可在仓库 `Actions` 中看到