最近在学习使用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
不花一分钱,小小“点赞+收藏”就是笔者更新的动力!配合分享效果更佳哦~