成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

APP測(cè)試的極簡(jiǎn)Mock方法——Mock服務(wù)端接口

godiscoder / 1788人閱讀

摘要：本文適用的場(chǎng)景在對(duì)移動(dòng)端的純移動(dòng)端功能或者前端頁(yè)面的純前端功能進(jìn)行測(cè)試時(shí)，服務(wù)端接口返回的數(shù)據(jù)不滿足要求，或者制造測(cè)試數(shù)據(jù)比較復(fù)雜，需要使用方法來快速構(gòu)造數(shù)據(jù)。進(jìn)入官網(wǎng)后，首先創(chuàng)建一個(gè)項(xiàng)目，一個(gè)項(xiàng)目包含若干個(gè)接口，我們最終模擬的是接口。

本文適用的場(chǎng)景：在對(duì)移動(dòng)端APP的純移動(dòng)端功能或者前端H5頁(yè)面的純前端功能進(jìn)行測(cè)試時(shí)，服務(wù)端接口返回的數(shù)據(jù)不滿足要求，或者制造測(cè)試數(shù)據(jù)比較復(fù)雜，需要使用Mock方法來快速構(gòu)造數(shù)據(jù)。

Mock這個(gè)單詞有模擬、效仿的意思，在軟件開發(fā)中，通常指一個(gè)模擬的對(duì)象。這個(gè)模擬對(duì)象是真實(shí)對(duì)象的替代品，有了Mock，團(tuán)隊(duì)成員之間可以并行工作，而不必等待需要依賴的其他接口完成后才能開始工作。

在開發(fā)階段，尤其是聯(lián)調(diào)之前，Mock經(jīng)常被開發(fā)人員用來進(jìn)行調(diào)試；

在測(cè)試階段，測(cè)試人員也可以用Mock提高我們的測(cè)試效率，不止在單元測(cè)試的測(cè)試腳本中可以應(yīng)用，也可以應(yīng)用在系統(tǒng)級(jí)別的測(cè)試上；

那怎么進(jìn)行服務(wù)端接口級(jí)別的Mock呢，非常簡(jiǎn)單，只需要兩個(gè)工具：

抓包工具Charles

Easy Mock

Charles是一款抓包工具，我們要用Charles做移動(dòng)端APP的代理，目的是為了把Request路由到Easy Mock的接口上，得到我們的Mock數(shù)據(jù)。
Easy Mock是一個(gè)可視化、能快速生成模擬數(shù)據(jù)的持久化服務(wù)，正如其名，Easy Mock能使Mock變得非常簡(jiǎn)單，令使用者愛不釋手。

下面開始進(jìn)入正題，Mock服務(wù)端接口的步驟如下：

1、Easy Mock創(chuàng)建接口

Easy Mock有著非常友好的可視化界面，操作起來非常簡(jiǎn)單。進(jìn)入Easy Mock官網(wǎng)后，首先創(chuàng)建一個(gè)項(xiàng)目，一個(gè)項(xiàng)目包含若干個(gè)接口，我們最終模擬的是接口。

（1）我們創(chuàng)建了一個(gè)命名為test的項(xiàng)目，如下圖，這個(gè)項(xiàng)目的基礎(chǔ)url是/api。

（2）接下來，創(chuàng)建接口，如下圖，左邊是我們想要構(gòu)造的接口返回的JSON數(shù)據(jù)，右邊是這個(gè)接口的配置。

（3）將這個(gè)接口補(bǔ)充完成，如下圖，這個(gè)接口配置的URL是/index/v6，實(shí)際的URL就是/api/index/v6，也就是父路徑是這個(gè)接口所屬的項(xiàng)目的基礎(chǔ)URL。

（4）創(chuàng)建完成后，點(diǎn)擊預(yù)覽，這個(gè)接口就可以被訪問了，完整的URL是https://www.easy-mock.com/moc...，我們把最后的#!method=get去掉，依然可以正常訪問，所以這個(gè)URL就是我們的移動(dòng)端APP應(yīng)該去請(qǐng)求的接口。

本次進(jìn)行Mock的場(chǎng)景是服務(wù)端接口已經(jīng)存在，但是數(shù)據(jù)不滿足要求，所以Response是通過Charles里的Copy Response復(fù)制到輸入框里，然后在這個(gè)基礎(chǔ)上做修改，這樣比完全創(chuàng)造Response要簡(jiǎn)單得多。

現(xiàn)在， 要解決的問題就是怎么讓移動(dòng)端APP的請(qǐng)求重定向到這個(gè)URL上，就可以得到我們想要的Mock數(shù)據(jù)了。

2、Charles修改路由（Map Remote）

（1）我們把Charles設(shè)置成移動(dòng)端APP的代理服務(wù)器，這樣可以攔截到請(qǐng)求，再借助Charles的Map Remote功能，就可以把請(qǐng)求重定向到我們的Easy Mock的URL上。

(2)我們用移動(dòng)端APP來請(qǐng)求這個(gè)接口，通過Charles可以看到，移動(dòng)端APP的請(qǐng)求URL從http://backend.test.env/api/i...://www.easy-mock.com/mock/5b6ce6ccbf1ebd4a1974c563/api/index/v6這個(gè)接口上，而我們的請(qǐng)求參數(shù)query都完整地帶著。

這樣，移動(dòng)端APP就能收到我們的模擬數(shù)據(jù)了，通過修改Easy Mock的JSON，可以很輕松地Mock我們想要的數(shù)據(jù)。

Easy Mock的簡(jiǎn)單介紹

在上面的方法中，我們是通過手動(dòng)的方式修改Easy Mock的Response，實(shí)際上，Easy Mock還支持一些比較好的特性，可以引入在單元測(cè)試的自動(dòng)化測(cè)試腳本中，比如：

Mock.js，支持生成隨機(jī)的數(shù)據(jù)、支持?jǐn)U展更多數(shù)據(jù)類型、支持自定義函數(shù)和正則；

支持基于Swagger創(chuàng)建項(xiàng)目，以節(jié)省手動(dòng)創(chuàng)建接口的時(shí)間；

通過Easy Mock CLI可自動(dòng)生成API；

支持通過請(qǐng)求對(duì)象編寫邏輯，實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)，支持自定義響應(yīng)；

支持RESTful；

具體可移步到Easy Mock的官方文檔進(jìn)行查閱。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/8852.html

相關(guān)文章

  • 淺談前端mock

    摘要：引言前端開發(fā)經(jīng)常需要等待后端的接口，嚴(yán)重影響了開發(fā)效率，我們一般采用方式來避免這個(gè)問題?？赡軙?huì)涉及到門技術(shù)，分別是服務(wù)端技術(shù)隨機(jī)生成特定格式數(shù)據(jù)的技術(shù)請(qǐng)求轉(zhuǎn)發(fā)請(qǐng)求攔截。 引言 前端開發(fā)經(jīng)常需要等待后端的接口，嚴(yán)重影響了開發(fā)效率，我們一般采用mock方式來避免這個(gè)問題。本人參考了大量文章，結(jié)合自己的經(jīng)驗(yàn)，給出自己在mock上的一些理解。 1. 原理 何為mock,我認(rèn)為mock主要就是通...

    elina 評(píng)論0 收藏0

  • 前端開發(fā)如何做好本地接口模擬

    摘要：前端開發(fā)如何做好本地接口模擬之前有寫過一篇本地化接口模擬前后端并行開發(fā)，講到過本地接口模擬，但不太細(xì)致。有哪些途徑本地接口模擬一般分為工具層面和代碼層面。因?yàn)楸镜亟涌谀M功能主要是針對(duì)的返回值為格式的異步請(qǐng)求，所以這種方式主要用文件。 前端開發(fā)如何做好本地接口模擬 之前有寫過一篇 本地化接口模擬、前后端并行開發(fā)，講到過本地接口模擬，但不太細(xì)致。這次細(xì)細(xì)的說說本地接口模擬。 1. 有什么...

    ACb0y 評(píng)論0 收藏0

  • vue-vue項(xiàng)目中mock.js的使用

    摘要：表示需要攔截的請(qǐng)求類型。添加信息攔截請(qǐng)求，調(diào)用函數(shù)先看一下這個(gè)是什么獲取信息更改后輸入標(biāo)題，點(diǎn)擊提交，再點(diǎn)擊獲取，可以看到返回了我們提交的數(shù)據(jù)，并且是對(duì)象的形式，拿到數(shù)據(jù)后就可以做進(jìn)一步的操作了。 mock.js 官網(wǎng)地址：mockjs.com/ mockjs是用來模擬產(chǎn)生一些虛擬的數(shù)據(jù)，可以讓前端在后端接口還沒有開發(fā)出來時(shí)獨(dú)立開發(fā)。我們可以使用真實(shí)的url，mockjs可以攔截ajax請(qǐng)求...

    Object 評(píng)論0 收藏0

  • 淺談前后端分離與實(shí)踐（一）

    摘要：前后端的界限是按照瀏覽器和服務(wù)器的劃分。前后端彼此互不關(guān)聯(lián)。關(guān)于作者本文部分圖片段落參考文章實(shí)踐中的前后端分離。淘寶前后端分離實(shí)踐本文源碼詳見服務(wù)端代碼。 一、起源 （故事純屬虛構(gòu)，如有雷同，純屬巧合）傳說在很久很久以前，我們有志之士有了個(gè)創(chuàng)業(yè)的想法，于是乎開始了自己的創(chuàng)業(yè)之夢(mèng)，但是人手不足啊，于是乎所有角色老子一個(gè)人全包了： Roles: PM, DBA, RD, FED, Des...

    dantezhao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<