定制自己的mock數據工具

cfanr 發布于2019-08-16 12:27 / 2712人閱讀

摘要：前言開發的過程中，往往后端和前端都是并行的，當后端的接口沒有完善的時候就會影響到我們的開發，而我們在編程的過程中也會通過很多方法去編造假數據模擬數據現狀程序寫死假數據例如標題老師會造成程序中臟數據開發人員忘記切換誤發布到線上復雜每次都需要寫

前言

開發的過程中，往往后端和前端都是并行的，當后端的接口沒有完善的時候就會影響到我們的開發，而我們在編程的過程中也會通過很多方法去編造假數據

模擬數據現狀 程序寫死"假數據"

例如:

  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頁面數據如圖:

點擊增加按鈕

云服務器 GPU云服務器 js的mock數據定制工具 js mock數據自己動手寫開發工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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
從零開始打造 Mock 平臺 - 核心篇

摘要：前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發的平臺，前期花了很多時間完成了功能模塊的交互。核心代碼就是這么一句。經過各種猜想和測試，發現是模擬有問題。其實用的最終核心思路還是一樣的。前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發的Mock平臺，前期花了很多時間完成了功能模塊的交互。現在進度推到如何設計核心功能，也就是Mock數據的解析。根據之前的需求設定加上一些思考...

he_xd 2019-08-30 13:53 評論0 收藏0
從零開始打造 Mock 平臺 - 核心篇

摘要：前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發的平臺，前期花了很多時間完成了功能模塊的交互。核心代碼就是這么一句。經過各種猜想和測試，發現是模擬有問題。其實用的最終核心思路還是一樣的。前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發的Mock平臺，前期花了很多時間完成了功能模塊的交互。現在進度推到如何設計核心功能，也就是Mock數據的解析。根據之前的需求設定加上一些思考...

kidsamong 2019-08-26 11:35 評論0 收藏0