美文网首页
Mock数据神器

Mock数据神器

作者: 没有梦想_何必远方 | 来源:发表于2017-03-30 23:31 被阅读162次

在日常app开发中,客户端的开发进度总是先与后台接口的进度。
这里呢,就给大家推荐一个最近在github上面找到的一个非常简单,分分钟Mock接口的一个工具。json-server github传送门
这是一个node的项目,因此需要安装Node。Node的安装方法请自行百度~

全局安装该命令
$ npm install -g json-server

使用

创建一个文件 db.json 文件,写下如此文件

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

这样就可以开始使用了,开启监听

$ json-server --watch db.json
在终端中输入如下命令

接下来就可以打来浏览器了,这是一个最简单的Get请求

我知道你以一定还是觉得很难用,因为这些命令你可能还是记不住,没关系。使用shell的alias命令给这个node的命令重命名吧

alias jsw="json-server --watch"

接下来你就可以直接使用jsw + *.json命令直接启动服务。请确保本机3000端口未被占用哦~

http://localhost:3000/posts/1

localhost可以换成本机电脑ip,在Mac终端中,输入ifcong查看

获取本机ip地址.png

后面会补充更多的使用方式,包括Post,包括携带参数等~

相关文章

  • Mock数据神器

    在日常app开发中,客户端的开发进度总是先与后台接口的进度。这里呢,就给大家推荐一个最近在github上面找到的一...

  • Easy-mock

    介绍一款前端mock神器和本地部署方法。 在前端开发中,常见的mock方式有: 直接将数据写在代码中 利用Char...

  • mock数据

    Vue中的mock数据指的是什么? mock数据指的模拟数据,mock中文翻译愚弄,嘲笑。 实现mock数据如下:...

  • 使用 Mockjs 模拟数据

    Mock 数据 Mock 在 vue 中的使用 使用npm下载mock 2.使用 mock 在 mock 文件夹下...

  • mock.js深入

    1.Mock.mock( template )根据数据模板生成模拟数据。(具体语法见mock.js入门) 2.Mo...

  • 利用node.js来mock数据

    1.什么是mock数据? 模拟后端数据 2.mock数据解决的问题 使用mock数据可以在后端开发人员尚未完成接口...

  • Easy Mock&Ajax请求数据

    mock网站https://www.easy-mock.com/login mock数据 axios 封装了所有的...

  • Contacts(TableViewController)报错总

    1. mock网络问题 问题:mock网络的JSON数据无法获取 提示:mock请求出错:mock....777...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

  • mockjs-async 修改Mock.mock方法使支持Pro

    Mock.js - async version 仅修改Mock.mock方法使支持Promise异步数据替换 安装...

网友评论

      本文标题:Mock数据神器

      本文链接:https://www.haomeiwen.com/subject/ptcmottx.html