Koa学习笔记

W.Y.B.G

已于 2024-01-13 11:20:52 修改

阅读量1k

点赞数 20

文章标签：笔记 node.js 前端

于 2024-01-10 01:09:47 首次发布

本文链接：https://blog.csdn.net/qq_33365152/article/details/135492869

版权

本文详细记录了使用Koa框架搭建项目的过程，包括npm初始化、git管理、ReadMe.md编写、项目搭建、基本app编写、自动重启服务、配置文件读取、路由添加、目录结构优化、请求解析、数据库操作、数据模型创建以及错误处理等关键步骤，全面覆盖了一个前端项目从无到有的核心构建环节。

摘要由CSDN通过智能技术生成

1、npm 初始化

npm init -y

生成 package.json 文件，记录项目的依赖

2、git 初始化

git init

生成 .git 隐藏文件夹，.git 的本地仓库
创建 .gitignore 文件，添加不提交文件的名称

3、创建 ReadMe.md 文件

记录项目笔记

4、搭建项目

安装 Koa 框架

npm install koa

5、编写最基本的 app

在项目根目录创建 src 文件夹，并文件夹中创建 main.js 文件，文件内容如下：

// 导入包
const Koa = require("koa");

// 端口
const post = 3000;

// 实例化对象
const app = new Koa();

// 中间件
app.use((ctx, next) => {
   
  ctx.body = "hello world";
});

// 监听端口
app.listen(post, () => {
   
  console.log("server is running on http://localhost:3000");
});

启动方法

node src/main.js

6、自动重启服务

使用 nodemon 工具
安装

npm install nodemon -D

修改项目启动脚本
- 修改 package.json 文件中的 scripts 节点，添加如下代码：

"scripts":{
   
    "serve":"nodemon ./src/main.js"
}

然后项目启动方法为：

npm run serve

7、读取配置文件

安装 dotenv ，读取根目录中的 .env 文件，将配置写 process.env 中

npm install dotenv

在项目根目录下创建 .env 的配置文件，代码如下：

APP_PORT = 8000; // 8000 端口

在项目根目录 src 下创建 config 文件夹，并文件夹中创建 config.default.js 文件，内容如下：

const dotenv = require("dotenv");

dotenv.config();

module.exports = process.env; // 导出

改写 main.js 文件

// 导入包
const Koa = require("koa");

// 导入，从配置文件中获取的端口
const {
    APP_PORT } = require("./config/config.default");

// 实例化对象
const app = new Koa();

// 中间件
app.use((ctx, next) => {
   
  ctx.body = "hello api";
});

// 监听端口
app.listen(APP_PORT, () => {
   
  console.log(`server is running on http://localhost: