定制自己的mock数据工具

cfanr 发布于2019-08-16 12:27 / 2585人阅读

摘要：前言开发的过程中，往往后端和前端都是并行的，当后端的接口没有完善的时候就会影响到我们的开发，而我们在编程的过程中也会通过很多方法去编造假数据模拟数据现状程序写死假数据例如标题老师会造成程序中脏数据开发人员忘记切换误发布到线上复杂每次都需要写

前言

开发的过程中，往往后端和前端都是并行的，当后端的接口没有完善的时候就会影响到我们的开发，而我们在编程的过程中也会通过很多方法去编造假数据

模拟数据现状 程序写死"假数据"

例如:

  let data:[String:Any] = [
            "respcd":"0000",
            "data":["hotTopics":[
                ["title":"标题",
                 "author":"老师",
                 "t511116.jpg"]
            ]]]
 self.setData(data){
     .....
 }

  a.会造成程序中脏数据 
  b.开发人员忘记切换 误发布到线上
  c.复杂 每次都需要写很多代码

通过charles代理方式

charles使用说明: https://www.aliyun.com/jiaoch...

  a.配置太复杂 每个接口都要添加配置
  b.修改mock数据不方便

搭建测试环境服务器

  a.无可视化编辑json工具
  b.无法多人同时测试一个接口

mock工具

通过上面分析我们可以设计符合自己mock数据平台 
必须符合以下要求;

1.可一键切换生产和测试环境
2.可模拟页面中单个接口
3.可一键生成测试数据
4.可视化直接修改

原理图

mock原理说明

mock主要启动一个Tomcat本地服务 配合可视化修改JOSN的工具 加了一些:新增 删除 启动 停止功能 
备注:需要java环境
启动命令如下:

java -jar mock.jar

mock使用

1.App通可以摇一摇启动接口服务设置页面,页面包括接口选择功能和是否同步生产环境到mock环境功能.
2.mock服务器及编辑页面如下图

请求返回数据如图

http://localhost:8080/fm/getMockJson?requestTag=login
如图通过postman模拟网络请求 也可以通过浏览器直接请求

生产环境数据 To mock接口

http://localhost:8080/fm/postMockJson?requestTag=home&content={%20%22bstatus%22:%20{%20%22code%22:%202,%20%22des%22:%20%22success%22%20}%20}

通过上面接口配合App可以将生产环境数据同步到自己本地mock工具中

真实场景

模拟一个新开发的功能且页面很深
   a->b->c
   a,b 老页面
  c是新开发页面且接口也是最新的 生产环境还没有发布
  操作如下:

1 .首先接口连接生产环境同步环境功能开启

然后选择同步生产环境到mock环境然后分别点击a b 页面
这个时候数据就被同步

2.其次接口连接mock环境同步环境功能关闭

这个时候点击a,b页面请求的数据和生产环境一样最主要目的是能进入c页面

上面操作只是第一次使用需要做 ,其目的主要是同步数据

3.最后mock c页面数据如图:

点击增加按钮

云服务器专线服务 js的mock数据定制工具 js mock数据自己动手写开发工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/71180.html

使用 Node.js 写一个代码生成器

摘要：目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作。原理代码生成器的原理就是数据模板文件。但是如果写一个正儿八经的代码生成器，那肯定是需要根据已经设计好的数据库表来生成代码的。背景第一次接触代码生成器用的是动软代码生成器，数据库设计好之后，一键生成后端 curd代码。之后也用过 CodeSmith , T4。目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作...

韩冰 2019-05-23 17:29 评论0 收藏0
justreq与mock.js组合，快速打造高质量Mock Server

摘要：而则是主要用于接口缓存的一款。初始化完成后，将在当前目录生成文件。其它未在规则中的请求，将直接代理并缓存下来，而不进行转发。每条记录包含和两个属性，并且也是随机自动生成的。概述搜到这篇文章之前，相信你已对Mock Server及mock.js有一定的了解。简单概括，Mock Server即模拟服务器，用于模拟后端api服务。mock.js是国内的高云开发的一款json数据生成器，主...

Awbeci 2019-08-20 14:45 评论0 收藏0
justreq与mock.js组合，快速打造高质量Mock Server

摘要：而则是主要用于接口缓存的一款。初始化完成后，将在当前目录生成文件。其它未在规则中的请求，将直接代理并缓存下来，而不进行转发。每条记录包含和两个属性，并且也是随机自动生成的。概述搜到这篇文章之前，相信你已对Mock Server及mock.js有一定的了解。简单概括，Mock Server即模拟服务器，用于模拟后端api服务。mock.js是国内的高云开发的一款json数据生成器，主...

songze 2019-08-06 12:02 评论0 收藏0
从零开始打造 Mock 平台 - 核心篇

摘要：前言最近一直在捣鼓毕设，准备做的是一个基于前后端开发的平台，前期花了很多时间完成了功能模块的交互。核心代码就是这么一句。经过各种猜想和测试，发现是模拟有问题。其实用的最终核心思路还是一样的。前言最近一直在捣鼓毕设，准备做的是一个基于前后端开发的Mock平台，前期花了很多时间完成了功能模块的交互。现在进度推到如何设计核心功能，也就是Mock数据的解析。根据之前的需求设定加上一些思考...

he_xd 2019-08-30 13:53 评论0 收藏0
从零开始打造 Mock 平台 - 核心篇

摘要：前言最近一直在捣鼓毕设，准备做的是一个基于前后端开发的平台，前期花了很多时间完成了功能模块的交互。核心代码就是这么一句。经过各种猜想和测试，发现是模拟有问题。其实用的最终核心思路还是一样的。前言最近一直在捣鼓毕设，准备做的是一个基于前后端开发的Mock平台，前期花了很多时间完成了功能模块的交互。现在进度推到如何设计核心功能，也就是Mock数据的解析。根据之前的需求设定加上一些思考...

kidsamong 2019-08-26 11:35 评论0 收藏0