一統(tǒng)江湖的大前端(3)DOClever——你的postman有點low-創(chuàng)新互聯(lián)

《一統(tǒng)江湖的大前端》系列是自己的前端學習筆記,旨在介紹javascript在非網(wǎng)頁開發(fā)領(lǐng)域的應(yīng)用案例和發(fā)現(xiàn)各類好玩的js庫,不定期更新。如果你對前端的理解還是寫寫頁面綁綁事件,那你真的是有點OUT了,前端能做的事情已經(jīng)太多了, 手機app開發(fā) , 桌面應(yīng)用開發(fā) , 用于神經(jīng)網(wǎng)絡(luò)人工智能的庫 , 頁面游戲 , 數(shù)據(jù)可視化 , 甚至 嵌入式開發(fā) ,什么火就搞什么,活脫脫一個蹭熱點小能手。如果你也覺得前端的日常開發(fā)有些枯燥,不妨一起來看看前端的另一番模樣。

成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)介紹好的網(wǎng)站是理念、設(shè)計和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計理念、多方位的設(shè)計風格、經(jīng)驗豐富的設(shè)計團隊。提供PC端+手機端網(wǎng)站建設(shè),用營銷思維進行網(wǎng)站設(shè)計、采用先進技術(shù)開源代碼、注重用戶體驗與SEO基礎(chǔ),將技術(shù)與創(chuàng)意整合到網(wǎng)站之中,以契合客戶的方式做到創(chuàng)意性的視覺化效果。

一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

Mock服務(wù)器 + Excel怎么了

如果你的開發(fā)進度還在被后端開發(fā)人員牽著鼻子走,請參考《一統(tǒng)江湖的大前端(2)—— Mock.js+Node.js如何與后端瀟灑分手》,優(yōu)化自己的開發(fā)工作流

有了Mock服務(wù)器和Excel的文檔說明后,相信大家的溝通效率會比以前提升很多,但仍然被溝通占據(jù)著絕大部分開發(fā)時間,常常遇到的情況會有:

  • 沒有注釋信息,字段不宜對齊
    Mock服務(wù)器返回的只有數(shù)據(jù),沒有注釋信息,即便后端開發(fā)人員有心把查到的信息重組為你需要的字段,但仍有可能因為無法對號入座而作罷。

  • 接口數(shù)量增加后難以管理
    簡易的Mock服務(wù)器無法提供相應(yīng)的接口文檔,隨著接口數(shù)量的增加,分分鐘亂成一鍋粥,總不能每次查個接口都是跑去翻Mock服務(wù)器的源代碼然后看注釋吧

  • 無測試支持
    MockJs只生成模擬數(shù)據(jù),并無任何對自動化測試的支持

  • 滿懷熱情寫了API文檔,But沒人看
    程序員大多沒有Excel習慣,而且大家都很忙,忙到即便你提供了Mock接口以及相關(guān)的API說明,他們還是會再問你一遍關(guān)于接口的信息程序員習慣以自己熟悉的方式進行工作,而且一般默認這種效率最高。

  • Excel版本的API文檔方便交流,但不易更新
    一對一聯(lián)調(diào)時候還好,但如果項目組內(nèi)協(xié)作人員較多時,麻煩就來了,每當你更新或是增加接口信息時,就要重新給所有相關(guān)人員發(fā)送一次新的Excel文件,很不方便。

DOClever——前端開發(fā)的接口管理工具

一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

Java開發(fā)人員有Swagger,無嚴格保密性要求的可以嘗試阿里的RAP,都是專業(yè)且強大的接口管理工具。當我們僅希望在內(nèi)網(wǎng)中使用,或僅僅處于優(yōu)化個人工作流的目的時,強烈推薦這塊開源接口管理軟件——DOCleverDOClever非常適合前端人員使用,VUE+express+mongodb編寫,純前端技術(shù)棧,能夠?qū)崿F(xiàn)團隊管理,接口管理文檔管理,自動化測試等功能,甚至可以根據(jù)接口返回數(shù)據(jù)自動生成接口文檔的結(jié)構(gòu),方便智能。

無論你當前在做的項目是否有管理好相關(guān)的接口文檔,作為開發(fā)人員,你都應(yīng)該有自己的方式來管理好所有出自你手的接口

MockJs尚未失寵

  • 特殊場景
    DOClever自帶的Mock工具可以按參數(shù)類型生成虛擬數(shù)據(jù),對于開發(fā)人員交流已經(jīng)夠用了,但如果前臺需要多條模式相同的數(shù)據(jù)時,就需要用到上一篇博客中提到的MockJs來生成,(DOClever自帶的Mock語法貌似尚未支持循環(huán)生成雷同數(shù)據(jù),除了自己修改源代碼外,如果還有其他更方便的實現(xiàn)方法也請不吝賜教~),DOClever中可以設(shè)置多臺Mock服務(wù)器的url地址,常見的協(xié)作需求中,兩套數(shù)據(jù)基本夠用了,一套方便快捷,配合核對接口,另一套需要自定義開發(fā),配合實現(xiàn)各種前端展示需求。

DOClever的安裝

安裝需要的東西真的比較多,尤其是對于非前端人員而言。

  • 1.安裝nodejs
    上一篇博客的附件中有nodejs V8.9的安裝包
  • 2.安裝mongodb
    mongodb的安裝可以參考Windows環(huán)境下如何安裝mongodb
  • 3.安裝mongodb可視化管理工具(個人推薦robot3T)[可選]
  • 4.安裝DOClever
    由于是開源項目,直接在github上下載DOClever,使用方法主頁有很詳細的說明,按步驟來部署就可以了。
    自己部署的圖:

一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

開始DOCLever

  • 可視化的管理API

    • 界面左側(cè)樹形圖式管理所有相關(guān)API,方便查找
    • 可視化界面直接填寫API相關(guān)信息
    • 參數(shù)化填寫request請求體
    • 參數(shù)化編寫響應(yīng)數(shù)據(jù),支持無限層次嵌套

    一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

  • 方便的Mock數(shù)據(jù)獲取

    • 直接選擇DOClever自帶的mock服務(wù)器,可以方便地與協(xié)作人員溝通接口字段和結(jié)構(gòu)
    • 選擇自己搭建的Mock服務(wù)器,可以方便地獲得更多模式相同的響應(yīng)數(shù)據(jù)

    一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

  • 自動化接口測試

    • 簡易的自動化測試語法

    一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

  • 自動化測試集計劃任務(wù)
    • 定時跑任務(wù)自動化測試用例集
      一統(tǒng)江湖的大前端(3) DOClever——你的postman有點low

后記

別人開發(fā)的代碼你可以不管,但出自你手的代碼, 愿它們都是精品,易于查詢,易于管理。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站標題:一統(tǒng)江湖的大前端(3)DOClever——你的postman有點low-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://bm7419.com/article20/dpcdjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、微信公眾號、動態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)