express入门01服务器搭建以及get和post请求的监听

微搭提供了后端API的能力，但是不同的版本收费差别巨大，因为使用的门槛限制了中小企业使用低代码平台。那可不可以既要又要呢？答案是肯定的，那其实掌握一定的后端框架，借助我们在低代码中已经熟练掌握的技能其实是比较容易的。

这个系列的教程我们讲解一下express框架，他就可以比较容易的搭建我们的后端服务，这个是本系列的第一篇讲解服务的搭建以及get和post请求的监听。

1 初始化工程

在电脑盘符里新建一个项目的目录，我这里新建一个express入门
在这里插入图片描述
用vscode打开我们的目录

打开命令行窗口

输入初始化命令

npm init

按照提示一路回车
在这里插入图片描述

2 安装express

在命令行输入如下命令，安装express

npm install express --save

在这里插入图片描述

3 启动服务器

在项目的根目录创建一个app.js用来启动服务器
在这里插入图片描述
贴入如下代码来启动我们的服务器

const express = require('express')

const app = express()

app.listen(3000,()=>{
    console.log("server is started")
})

在命令行输入启动命令

node app.js

可以看到服务已经启动完成了

4 监听get请求

在app.js里继续加入如下代码用来响应get请求

app.get("/",function(req,res){
    console.log("根目录被调用")
})

在package.json里添加启动脚本

{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev":"node app.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.19.2"
  }
}

然后在命令行里输入

npm run dev

这样我们就使用启动命令启动了服务器

在浏览器里访问http://localhost:3000可以看到控制台输出了根目录被调用
在这里插入图片描述

5 返回数据

接收到客户端的请求后，我们可以给客户端返回数据，通常使用res.send方法完成

返回文本数据

res.send("hello world")

在这里插入图片描述

返回json数据

const data = {  
        name: 'John Doe',  
        age: 30,  
        city: 'New York'  
      };  
      res.json(data);

在这里插入图片描述
返回html数据

const html = '<h1>Hello, World!</h1>';  
  res.send(html);

在这里插入图片描述

6 监听post请求

监听post请求的时候，需要先处理请求的类型

// 解析 application/json 类型的请求体  
app.use(express.json());  
  
// 解析 application/x-www-form-urlencoded 类型的请求体  
app.use(express.urlencoded({ extended: true }));

然后我们就可以注册post请求进行监听

app.post("/user/add",function(req,res){
    console.log(req.body)
    res.send("请求完成")
})

发送Post请求的时候我们不能直接访问路径，需要借助postman工具，安装好，在postman里输入如下的请求地址
在这里插入图片描述
控制台打印了我们提交的参数

7 动态获取参数

在调用接口的时候除了我们用？传参外，我们还可以动态传入参数，比如如下接口

app.get('/users/:id', (req, res) => {  
    // 通过 req.params.id 访问路由参数  
    const userId = req.params.id;  
    res.send(`User ID: ${userId}`);  
  });