SLIC Starter 项目教程
1. 项目的目录结构及介绍
SLIC Starter 是一个用于 AWS 上的生产级无服务器应用程序的完整启动项目。以下是项目的目录结构及其介绍:
slic-starter/
├── docs/
│ ├── QUICK_START.md
│ └── ...
├── packages/
│ ├── backend/
│ │ ├── src/
│ │ │ ├── services/
│ │ │ └── ...
│ │ ├── tests/
│ │ └── ...
│ ├── frontend/
│ │ ├── public/
│ │ ├── src/
│ │ └── ...
│ └── ...
├── scripts/
│ ├── fetch-deployment-config.js
│ └── ...
├── .env
├── .gitignore
├── package.json
└── ...
目录结构说明
- docs/: 包含项目的文档文件,如快速启动指南
QUICK_START.md
。 - packages/: 包含项目的各个子包,如
backend
和frontend
。- backend/: 后端代码,包含服务代码和测试代码。
- frontend/: 前端代码,包含静态文件和源代码。
- scripts/: 包含项目的脚本文件,如配置获取脚本
fetch-deployment-config.js
。 - .env: 项目的配置文件,包含环境变量。
- .gitignore: Git 忽略文件配置。
- package.json: 项目的依赖管理文件。
2. 项目的启动文件介绍
后端启动文件
后端的启动文件通常位于 packages/backend/src/
目录下,具体文件可能包括:
- index.js: 主入口文件,负责启动后端服务。
- app.js: 应用程序的配置和初始化文件。
前端启动文件
前端的启动文件通常位于 packages/frontend/src/
目录下,具体文件可能包括:
- index.js: 主入口文件,负责渲染前端应用。
- App.js: 前端应用的主组件。
3. 项目的配置文件介绍
.env
文件
.env
文件用于存储项目的环境变量配置,例如:
SLIC_STAGE=dev
AWS_REGION=us-east-1
package.json
文件
package.json
文件包含了项目的依赖管理信息和脚本命令,例如:
{
"name": "slic-starter",
"version": "1.0.0",
"scripts": {
"start": "npm run start --workspace=packages/frontend",
"test": "npm run test --workspace=packages/backend"
},
"dependencies": {
"aws-sdk": "^2.0.0",
"react": "^17.0.0"
}
}
fetch-deployment-config.js
脚本
fetch-deployment-config.js
脚本用于生成前端的环境配置文件,例如:
SLIC_STAGE=dev node scripts/fetch-deployment-config.js
cp .env.production .env.local
通过以上配置,前端应用可以与部署在 AWS 上的后端进行通信。