今天小編給大家分享一下常備web開發(fā)輔助神器有哪些的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)主營撫松網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件定制開發(fā),撫松h5小程序制作搭建,撫松網(wǎng)站營銷推廣歡迎撫松等地區(qū)企業(yè)咨詢

Api 與 Postman 的不離不棄

自從有了前后端的分離概念，我就一致在尋找著這樣一款工具，我需要把我的接口如何使用告訴前端人員，我需要自己方便的測試api有沒有問題，我需要能夠自動化完整的測試一下我的接口運(yùn)行流程有沒有問題。當(dāng)然它還是不能替代代碼級別的自動化測試。

期間試過 swagger ，說實(shí)話也不錯，界面也很漂亮，這是以前寫過關(guān)于 swagger ui 的一篇文章，感興趣的可以看看。當(dāng)我找到 Postman 之后，就果斷放棄了 swagger ，為什么呢？

swagger 我是通過注解的方式來自動生成文檔，所以就導(dǎo)致代碼里邊又很多文檔注釋，本來代碼只需要10行，結(jié)果為了注釋，整個文件變成了30行，看代碼的時候給人一種很不清爽的感覺；
團(tuán)隊(duì)作戰(zhàn)的時候，改動很頻繁，因?yàn)槲臋n內(nèi)置在代碼里邊，更容易出現(xiàn)沖突的問題；注解的格式需要額外的學(xué)習(xí)成本。

反觀 Postman 是一個獨(dú)立的應(yīng)用，提供團(tuán)隊(duì)協(xié)作（需要購買）；通過google帳號登陸，在任何地方登陸后可以獲取到同步的數(shù)據(jù)；支持所有的http請求方法；能夠自動化測試api接口；配合 Postman Interceptor chrome 瀏覽器插件，方便 phpstrome 進(jìn)行debug。

• 大家注意看截圖，postman 的 collections 功能，方便不同模塊的分類；

• 其中標(biāo)記為1圈紅的地方，可以添加api的詳細(xì)說明，比如干什么的，字段含義；

• 標(biāo)記2的地方，保存了各種情況的返回結(jié)果，可以不需要網(wǎng)絡(luò)就查看各種情況的返回?cái)?shù)據(jù)；

• 標(biāo)記3的地方，可以配置各種環(huán)境變量，方便切換。

我這里配置了常用的：dev:開發(fā)環(huán)境，test:測試環(huán)境，prod:線上環(huán)境。

postman如果團(tuán)隊(duì)開發(fā)需要購買，才能方便的同步看到更新的信息。價(jià)格還挺貴，我們小公司沒錢，我用了一個偷懶的辦法：share link 方法。

同類的工具還有 atom，不過沒怎么用過，大家可以比較下。

charles 在我眼前沒有秘密

程序員喜歡把自己的東西加密加密再加密，而面對別人的東西，總喜歡能夠看的一清二楚，然后從中學(xué)習(xí)一些經(jīng)驗(yàn)。

比如通過觀察別人的app請求流程，可以看一下返回什么樣的數(shù)據(jù)？一些基本的參數(shù)有哪些？有些接口如何組織請求流程等。

要完成上面的任務(wù)， charles 真的是不二之選。

截圖我是監(jiān)控到的某電商的請求數(shù)據(jù)，左邊部分顯示的是請求接口，右邊是響應(yīng)的結(jié)果。

我就通過這款工具學(xué)習(xí)過如何對api進(jìn)行版本維護(hù)，如何有效組織首頁數(shù)據(jù)的返回（到底是一個接口搞定所有還是多個接口，前端多次調(diào)用？）

當(dāng)然上面僅僅是它的一個作用。另外一個效果就是，自己的應(yīng)用出了問題，可以方便的通過它看到請求的數(shù)據(jù)，以此來進(jìn)行一些判斷，修復(fù)bug。特別是強(qiáng)烈推薦測試人員使用，有很多bug是有前后的因果關(guān)系，需要看到數(shù)據(jù)開發(fā)人員更容易進(jìn)行修正。

如果想要查看 https 請求的數(shù)據(jù)，需要安裝ssl證書到設(shè)備上，大家到官網(wǎng)看一下就知道。

圖片壓縮，我用 tinypng

今天推薦的最后一個工具tinypng。我之前再博客也推薦過 google 新的圖片壓縮算法 guetzli，這個算法真的非常牛逼。但是目前沒有好用的客戶端，只有命令行。

關(guān)于它沒有太多的說的，就是壓縮圖片嘛。支持批量，壓縮比率高，效果強(qiáng)。就是好用，把它分享給你的ui妹子，她會對你喜笑顏開。

以上就是“常備web開發(fā)輔助神器有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。