失眠网 > **前端进阶必备** node.js新手入门—教你写属于自己的接口get和post请求基础详解

前端进阶必备 node.js新手入门—教你写属于自己的接口get和post请求基础详解

时间：2022-01-20 13:40:41

相关推荐

**前端进阶必备** node.js新手入门—教你写属于自己的接口get和post请求基础详解

前言

想要进阶前端开发，必须要掌握一门后端语言，那么这是node.js就是首选了，可以轻轻松松的写出自己想要的接口，熟悉服务端接口开发，就能让自己具备核心竞争力。

本文教大家初步入门node，编写简单的get和post请求

本篇系列的文章会教大家由浅入深学习node，还不赶快关注一波，持续更新~

安装node

第一步当然是安装环境，安装的教程很多而且容易，这里就不叙述了，附上node官网下载链接：

Node.js官网下载由此进

开始整活

node初体验

新建js文件，我们先来写第一个最简单的实例感受一下

const http = require('http');const server = http.createServer((req, res) => {res.end('hello world')})server.listen(8000);console.log('OK')

代码详解：

1. 通过require(‘http’)获取node.js中原生的http模块

2. 然后http.createServer创建一个返回server的对象

3. 最后通过server.listen监听8000端口

node 项目名启动项目

然后直接通过浏览器访问 http://localhost:8000/

get请求

node.js处理get请求：

get请求，即客户端要向server端获取数据，如查询博客列表通过querystring来传递数据，如a.html?a=100&b=200浏览器直接访问，就发送get请求

下面我们来写第一个get请求，编写代码：

const http = require('http');const server = http.createServer((req, res) => {res.end('hello world')})const querystring = require('querystring')const server = http.createServer((req, res) => {console.log('method: ', req.method)const url = req.urlconsole.log('url:', url)req.query = querystring.parse(url.split('?')[1])console.log('query:',req.query)res.end(JSON.stringify(req.query));});server.listen(8000);console.log('OK')

可以看到大体结构上跟上面案例差不多

代码详解：

1. require引入自带的querystring模块，后面通过querystring.parse可以将’a=100&b=200’这样的字符串转变为对象赋值给req.query

2. res.end中通过JSON.stringify将req.query这个对象转换为字符串

话不多说，启动项目看结果：

如果是这样的，不要慌，这是正确的。因为我们写的是get请求，需要在地址栏带上参数，再来看结果：

查看编译器的控制台输出结果：

对照着代码中我们打印的结果看，一目了然

post请求

nodejs处理post请求：

post 请求，即客户端要像服务端传递数据，如新建博客通过post data传递数据，后面会演示浏览器无法直接模拟，需要手写js ，或者使用postman

post请求这里需要使用到postman这个测试工具，使用方法很简单，大家去官网下载安装一个

下面来写post请求：

const http = require('http');const server = http.createServer((req, res) => {if(req.method === 'POST') {console.log('req content-type: ', req.headers['content-type'])//接受数据let postData = ''req.on('data', chunk => {postData += chunk.toString()})req.on('end', () => {console.log('postData: ', postData)res.end('hello world!')})}})server.listen(8000);console.log('OK')

代码详解：

第一个打印里面，有一个req.headers，它是客户端向服务端发送信息的一个请求头，有一个content-type属性就是我们发送数据的类型后面接受数据，这里采用数据流的形式，了解就行，不过多展开：content-type模拟数据流，一直进行计算，直到停止触发下面的end，就相当于数据流，什么时候结束，什么时候触发

运行项目打开postman：测试方法很简单看下图

1.选择post请求。

2.在地址栏里填上我们请求的地址

3.点击body选择raw

4.选择JSON格式，在下面输入框写一个json类型的数据进行请求

点击send按钮，进行请求看结果：

查看编译器打印的结果：

请求的数据是JSON格式，这里说明一下因为目前接口普遍都是使用JSON格式，所以其它的格式暂时不考虑