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

作者 : admin 本文共1723个字,预计阅读时间需要5分钟 发布时间: 2024-06-10 共1人阅读

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

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

1 初始化工程

在电脑盘符里新建一个项目的目录,我这里新建一个express入门
express入门01服务器搭建以及get和post请求的监听插图
用vscode打开我们的目录
express入门01服务器搭建以及get和post请求的监听插图(1)
打开命令行窗口
express入门01服务器搭建以及get和post请求的监听插图(2)
输入初始化命令

npm init

按照提示一路回车
express入门01服务器搭建以及get和post请求的监听插图(3)

2 安装express

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

npm install express --save

express入门01服务器搭建以及get和post请求的监听插图(4)

3 启动服务器

在项目的根目录创建一个app.js用来启动服务器
express入门01服务器搭建以及get和post请求的监听插图(5)
贴入如下代码来启动我们的服务器

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可以看到控制台输出了根目录被调用
express入门01服务器搭建以及get和post请求的监听插图(6)

5 返回数据

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

返回文本数据

res.send("hello world")

express入门01服务器搭建以及get和post请求的监听插图(7)
express入门01服务器搭建以及get和post请求的监听插图(8)
返回json数据

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

express入门01服务器搭建以及get和post请求的监听插图(9)
返回html数据

const html = '

Hello, World!

'
; res.send(html);

express入门01服务器搭建以及get和post请求的监听插图(10)

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里输入如下的请求地址
express入门01服务器搭建以及get和post请求的监听插图(11)
控制台打印了我们提交的参数
express入门01服务器搭建以及get和post请求的监听插图(12)

7 动态获取参数

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

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

这样我们就可以通过/users/1的形式去访问接口,来获取我们传入的参数
express入门01服务器搭建以及get和post请求的监听插图(13)

总结

本篇我们介绍了使用express框架搭建服务器的过程,以及监听get和post请求。在低代码开发中,尤其是后端开发中,为了让我们的应用的灵活度更高,往往需要借助云服务器来搭建自己的后端应用,照着教程练习一遍吧。

本站无任何商业行为
个人在线分享 » express入门01服务器搭建以及get和post请求的监听
E-->