nodejs系列:45.koa之koa-json中间件-下篇

403 阅读4分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情

系列介绍

该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。

这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。

环境安装

实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。

以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。

nodejs安装

前言

在上一篇文章里nodejs系列:44.koa之koa-json中间件-中篇,主要是把服务器端的代码逻辑写好了。

前后端的代码逻辑都写好了,接下来,就可以进行前后端联调了。看下在联调的过程中,是否会遇到其它的问题。

koa-json

koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据。

这么说,可能有点难以理解,下面我们通过一个简单示例来讲解一下。

实现

启动服务

先是在cmd里,用node运行index.js文件,来启动服务

0001.png

我们可以看到,服务器启动了

运行客户端文件

我们在浏览器打开index.html文件,客户端就运行了。

客户端一运行,就会发送ajax请求,给到服务器。服务器接收到ajax请求,然后响应请求给到客户端。

接口返回数据

0002.png

浏览器控制台打印结果

0003.png

从返回结果和控制台打印结果来看,返回的json格式数据都变成一行了。

现在返回的内容比较少,我们假设接口返回几百或者上千个字段。这么多字段或者数据,都挤在一行里面,你可以看的清楚吗?

是看不清楚的,要查看某个字段,也比较费时间。

怎么解决这个问题?

用koa-json中间件,就可以很好地解决这个问题。使用了koa-json中间件,就可以对我们的响应内容进行格式化了。

我们修改一下服务器端代码。

安装koa-json
npm install koa-json

要使用koa-json中间件,需要先安装koa-json依赖

使用koa-json
const json = require("koa-json");
app.use(json());

koa-json中间件使用也是挺简单的,把它引入进来,注册使用即可。

在浏览器里面,我们刷新一下页面。客户端代码就会重新执行,重新发送一个ajax请求。

等待ajax请求完成后,我们在浏览器的控制台查看打印结果

0004.png

我们可以看到,服务器端响应给到客户端的响应内容,不再是挤在一行了。而是变成了多行了,这样比较方便我们查看接口数据了。

小结

本小节主要是进行前后端联调,由于是简单示例,没有遇到什么问题。

同时,通过这个示例,我们也展示了koa-json这个中间的作用

koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据

通过这个示例,大家应该能够比较容易理解这句话的意思了。

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》