node+koa+router 搭建一个简单的服务

1.node.js下载与安装

下载地址：nodejs.cn/download/
官方文档：nodejs.cn/learn

2.创建项目 安装依赖

npm npm i nodemon -g //全局安装nodemon,可以自动重启后端服务
npm init -y //初始化一个项目，会生成package.json的配置文件
npm i koa 
npm i koa-body //解析请求和响应
npm i koa/router //配置路由
npm i koa/corsr //配置跨越

3.进入正题创建入口文件 暂定为app.js

const http = require("http"); //网络模块

const port = 3000; //端口号

const server = http.createServer((req, res) => {
  // req= request 请求，res=response 响应
  {
    //自定义响应内容
    res.statusCode = 200; //响应状态码
    res.setHeader("Content-Type", "text/plain"); //响应头
    res.end("hello world!\n"); //响应内容
  }
});

server.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}/`);
});

执行node app.js 会出现 访问地址 服务器运行在 http://localhost:3000/ 直接打开就可以看见我们的响应内容 hello world

4.一个简单的hello world 搭建完成现在我门使用koa 去搭建一个小demo 下面红框中是一个基本目录

app.js为项目入口文件
router为配置请求接口的地方
controller为处理请求，返回用例数据的地方

5.现在我们开始修改入口文件app.js

const koa = require('koa');
const koaBody = require("koa-body");//解析请求和响应
const cors  = require('koa-cors');//配置跨越
const router = require('./router');//路由

const app = new koa();
// 配置跨域
app.use(cors());

//解析请求内数据 默认get
app.use(
    koaBody({
        parsedMethods:["POST", "DELETE", "PATCH", "PUT"]
    })
);
// 路由匹配
app.use(router.routes());

app.listen(3000,()=>{
    console.log('run in http://localhost:3000')
})

6.接下来我们来处理router文件夹下index.js

 const Router = require("@koa/router");
 const fs = require("fs");
 const path = require("path");
 
 const router = new Router();
 
 let fileList = fs.readdirSync(__dirname);
 
 for (const fileName of fileList) {
   if (fileName === "index.js") continue;
   let fileRoute = require(path.join(__dirname, fileName));
   router.stack.push(...fileRoute.stack);
 }
 
 module.exports = router;
 

7 接着router/user.js

const Router = require("@koa/router");
const userController = require("../controller/user");
const router = new Router();
router
  //用户登录和查询接口
  .post("/api/login", userController.login)
  .get("/api/userInfo", userController.getInfo);

module.exports = router;

8 controller/user.js 文件

class User {
    // 登录
    login(ctx) {
      //登录是post请求，从ctx.request.body中解构后端需要的参数
      // delete、patch、put请求也是从ctx.request.body中解构后端需要的参数
      let { username, password } = ctx.request.body;
  
      {
        //添加验证，从数据库读取数据等等操作，后端逻辑书写区域
      }
  
      //通过验证后返回请求数据,ctx.body={内容都是可以自定义的}
      return (ctx.body = {
        code: 200,
        msg: "登录成功",
        data: {
          username: "admin",
          password: "123456",
        },
      });
    }
  
    //查询用户信息
    getInfo(ctx) {
      //查询是get请求，从ctx.query中解构后端需要的参数
      let { username } = ctx.query;
  
      {
        //添加验证，从数据库读取数据等等操作，后端逻辑书写区域
      }
  
      //通过验证后返回请求数据,ctx.body={内容都是可以自定义的}
      return (ctx.body = {
        code: 200,
        msg: "查询成功",
        data: {
          username: "admin",
          password: "123456",
        },
      });
    }
  }
  
  module.exports = new User();
  

打完收工 如果你使用的vscode 你可以安装REST Client插件 进行测试

测试

新建一个test.http 文件 内容如下

### 查询
GET http://localhost:3000/api/userInfo?username=admin HTTP/1.1

### 登录

POST http://localhost:3000/api/login HTTP/1.1
Content-Type: application/json

{
    "username":"admin",
    "password":"123456"
}

如果你安装好REST Client插件 点击即可进行测试