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插件 点击即可进行测试