Goodnight 项目教程
1. 项目的目录结构及介绍
goodnight/
├── assets/
│ ├── images/
│ └── styles/
├── components/
│ ├── Button.js
│ ├── Header.js
│ └── Footer.js
├── config/
│ ├── default.json
│ └── production.json
├── pages/
│ ├── Home.js
│ ├── About.js
│ └── Contact.js
├── public/
│ ├── index.html
│ └── favicon.ico
├── scripts/
│ ├── build.js
│ └── start.js
├── .gitignore
├── package.json
├── README.md
└── server.js
- assets/: 存放静态资源,如图片和样式文件。
- components/: 存放可重用的React组件。
- config/: 存放项目的配置文件,如默认配置和生产环境配置。
- pages/: 存放应用的页面组件。
- public/: 存放公共的静态文件,如HTML模板和favicon。
- scripts/: 存放构建和启动脚本。
- .gitignore: Git忽略文件配置。
- package.json: 项目依赖和脚本配置。
- README.md: 项目说明文档。
- server.js: 项目启动文件。
2. 项目的启动文件介绍
server.js
是项目的启动文件,负责启动服务器并加载应用。以下是 server.js
的基本结构:
const express = require('express');
const path = require('path');
const app = express();
// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));
// 设置路由
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
});
// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});
3. 项目的配置文件介绍
config/
目录下包含项目的配置文件,如 default.json
和 production.json
。以下是配置文件的基本结构:
default.json
{
"server": {
"port": 3000
},
"database": {
"host": "localhost",
"port": 27017,
"name": "goodnight"
}
}
production.json
{
"server": {
"port": 8080
},
"database": {
"host": "production-db-host",
"port": 27017,
"name": "goodnight-prod"
}
}
这些配置文件用于设置不同环境下的服务器端口和数据库连接信息。