携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情
系列介绍
该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。
这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。
环境安装
实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。
以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。
前言
在上一篇文章里nodejs系列:44.koa之koa-json中间件-中篇,主要是把服务器端的代码逻辑写好了。
前后端的代码逻辑都写好了,接下来,就可以进行前后端联调了。看下在联调的过程中,是否会遇到其它的问题。
koa-json
koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据。
这么说,可能有点难以理解,下面我们通过一个简单示例来讲解一下。
实现
启动服务
先是在cmd里,用node运行index.js文件,来启动服务
我们可以看到,服务器启动了
运行客户端文件
我们在浏览器打开index.html文件,客户端就运行了。
客户端一运行,就会发送ajax请求,给到服务器。服务器接收到ajax请求,然后响应请求给到客户端。
接口返回数据
浏览器控制台打印结果
从返回结果和控制台打印结果来看,返回的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请求完成后,我们在浏览器的控制台查看打印结果
我们可以看到,服务器端响应给到客户端的响应内容,不再是挤在一行了。而是变成了多行了,这样比较方便我们查看接口数据了。
小结
本小节主要是进行前后端联调,由于是简单示例,没有遇到什么问题。
同时,通过这个示例,我们也展示了koa-json这个中间的作用
koa-json中间件,可以用来格式化服务器响应给到客户端的json格式数据
通过这个示例,大家应该能够比较容易理解这句话的意思了。
最后,放上自己比较喜欢的一句诗句:
千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》