定製本身的mock數據工具

前言

開發的過程當中，每每後端和前端都是並行的，當後端的接口沒有完善的時候就會影響到咱們的開發，而咱們在編程的過程當中也會經過不少方法去編造假數據

模擬數據現狀

程序寫死"假數據"

例如:

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

點擊增長按鈕