从0到1完成一个Node后端(express)项目(三、写接口、发起请求)

导读:本篇文章讲解 从0到1完成一个Node后端(express)项目(三、写接口、发起请求),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

往期

从0到1完成一个Node后端(express)项目(一、初始化项目、安装nodemon)
从0到1完成一个Node后端(express)项目(二、下载数据库、navicat、express连接数据库)

写接口

我们看express的官网
在这里插入图片描述
它告诉了我们接口的书写反方式

那么我们自己书写一个GET接口

在这里插入图片描述
我们设置一些返回的数据

我们再书写一个POST接口

在这里插入图片描述

app.post('/reg', (req, res) => {
    // 调用express提供的res.send方法,向客户端返回一个JSON对象
    res.send({
        status: 200,
        message: 'reg success'
    })
})
app.get('/login', (req, res) => {
    // 调用express提供的res.send方法,向客户端返回一个JSON对象
    res.send({
        status: 200,
        message: 'login success',
        token: '123456asd'
    })
})

然后我们启动服务器,去请求接口

请求接口

我这个调试接口的工具是apifox,跟postman很像,具体用哪个看大家自己就行

然后我们发起一个快捷请求

在这里插入图片描述

127.0.0.1是我们本机的IP地址
8888是我们的端口
login就是我们请求的接口了

然后我们点击发送即可
在这里插入图片描述

我们发现,给了我们返回值了,这正是我们设置的,所以,请求成功

然后我们请求一下post接口

在这里插入图片描述

画箭头的是我们需要注意的地方,我们需要改成POST请求,要不会报400的错误

请求成功

带参数(params)的请求

一定要注意这里是params,不是query,二者是不一样的

通过req.params对象,通过req.params对象,可以访问到URL中,通过:匹配到的动态参数

在这里插入图片描述
在这里插入图片描述

注意事项: :参数名称 参数名称不是唯一的 是我们在服务器填写的

动态参数可以有多个,不一定是唯一

带多个参数
在这里插入图片描述

在这里插入图片描述

带参数(query)的请求

通过req.query属性,可以访问到客户端通过查询字符串的形式发送到服务器的参数

在这里插入图片描述
看好二者的区别

通过req.body属性获取到放在请求体中的参数

app.use(express.urlencoded({ extended: true })); // 用于解析放在requestBody中的url字符串
app.use(express.json()) // 用于解析放在requestBody中的JSON字符串// 监听客户端的GET和POST请求,并向客户端响应内容
app.get('/user', (req, res) => {
    // 通过req.body 获取请求体中的参数
    console.log(req.body);
    // 发送响应
    res.send(req.body)
})
app.post('/user', (req, res) => {
    // 通过req.body 获取请求体中的参数console.log(req.body);
    // 发送响应
    res.send(req.body)
})

在这里插入图片描述
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79661.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!