多语言展示
当前在线:1551今日阅读:23今日分享:31

前端脱坑记之使用express+mockjs模拟后端API

最近在学习使用uni-app写微信小程序,因为是练习,不想写后端服务。于是使用了mockjs模拟后端api用以产生模拟数据。mockjs的确是前端开发者的福音,避免了后端程序员未写出API的尴尬,分享一下使用前后,希望能有所帮助!
工具/原料
1

node.js

2

mock.js

3

express.js

4

文本编辑器notepad++

方法/步骤
1

Mockjs提供两种使用方式,一个是以文件的形式直接包含在你的代码中,另一个是写一个简单的服务端来模拟数据。这里我采用第二种,使用node.js+express.js+mock.js的形式。

2

Express.js是基于 Node.js 平台的一个快速、开放、极简的 Web 开发框架。这里我假设大家已经安装了nodejs平台。

3

先创建一个node-proj-mock文件夹,然后使用npm init初始化项目。可以看到目录下多了一个package.json文件。

4

然后使用npm install express和npm install mockjs分别安装express和mockjs。

5

在目录下创建一个index.js文件,添加代码如图。这里我们定义API路径为'api/user/list',返回包含3个元素的JSON数组,服务器监听8090端口。

6

最后,使用'node index.js'命令启动服务,在浏览器中输入'http://localhost:8090/api/user/list'地址就可以看到接口返回的数据。

注意事项
1

喜欢我的文章,别忘了点赞+收藏哦!

2

不花一分钱,小小“点赞+收藏”就是笔者更新的动力!配合分享效果更佳哦~

推荐信息