1.1 easymock主界面:
1.4 顯示預覽數據:
1.5 mock model 數據結構:這裏的常用語法請查看下面的具體說明:
"payload": function() {
var returnClickUrl = {
"linkUrl": "http://tob.zhisland.com/apph5"
};
var returnResourceDetail = {
"resourceId": "606"
};
var returnResourceSearch = {
"keyWords": "",
"tagCategory": "1",
"tag": "1"
};
var s = this.actionType == 'click_url' ? returnClickUrl : this.actionType == 'open_resource_detail' ? returnResourceDetail : returnResourceSearch;
return s;
}//function 返回設置返回的數據
1.首先根據需求分析定義入參和返回數據以及其他的接口信息,然後前端根據制定的規則,根據創建mock 數據,這時候後端進行接口的開發,並且進行單元性測試。
以及覆蓋性測試,可以使用mockito來做,之後兩端開發完畢之後比對mock 數據進行聯調,調試完畢後提供一個可測試版本,然後提測,進行自動化測試。
2.這是 RAP 的開發模式,其實有些細節的點這張圖是沒說清楚的;
比如前端寫mock 還是後端寫mock 問題(這裏面有需求變動時的維護方問題),接口同步時出現接口不匹配問題。
比如說mock 數據怎麼同步,目前easy mock 可以解決這個問題,使用swagger2 同步可以很方便的對數據進行同步維護,保證前後端在各自獨立開發時進行一些信息的同步。(easymock 地址 https://easy-mock.com/login)
這些問題都是需要我們在實戰中去思考的。怎麼才能提高效率我覺得更多的還是要去和人打交道,保持信息在開發中的同步,注意這個框架並不是說讓我們前後端各做各的,而是互不影響。
3.還有目前的easy mock 在開發中還是會遇到一些問題,比如說,swagger2 同步會將已經寫好了的mock 數據,同步丟失,還有一個比較頭疼的問題,mock 數據定義的結構。和預覽的時候的數據會不同,原因是它顯示的數據是其他的mock 結構的數據。解決辦法是刪除接口重新創建。