常備web開發(fā)輔助神器有哪些

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

Api 與 Postman 的不離不棄

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

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

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

反觀 Postman 是一個(gè)獨(dú)立的應(yīng)用，提供團(tuán)隊(duì)協(xié)作（需要購買）；通過google帳號(hào)登陸，在任何地方登陸后可以獲取到同步的數(shù)據(jù)；支持所有的http請(qǐng)求方法；能夠自動(dòng)化測試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à)格還挺貴，我們小公司沒錢，我用了一個(gè)偷懶的辦法：share link 方法。

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

charles 在我眼前沒有秘密

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

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

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

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

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

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

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

圖片壓縮，我用 tinypng

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

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

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