今天小編給大家分享一下常備web開發(fā)輔助神器有哪些的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)主營撫松網站建設的網絡公司,主營網站建設方案,app軟件定制開發(fā),撫松h5小程序制作搭建,撫松網站營銷推廣歡迎撫松等地區(qū)企業(yè)咨詢
自從有了前后端的分離概念,我就一致在尋找著這樣一款工具,我需要把我的接口如何使用告訴前端人員,我需要自己方便的測試api有沒有問題,我需要能夠自動化完整的測試一下我的接口運行流程有沒有問題。當然它還是不能替代代碼級別的自動化測試。
期間試過 swagger
,說實話也不錯,界面也很漂亮,這是以前寫過關于 swagger ui 的一篇文章,感興趣的可以看看。當我找到 Postman
之后,就果斷放棄了 swagger
,為什么呢?
swagger
我是通過注解的方式來自動生成文檔,所以就導致代碼里邊又很多文檔注釋,本來代碼只需要10行,結果為了注釋,整個文件變成了30行,看代碼的時候給人一種很不清爽的感覺;
團隊作戰(zhàn)的時候,改動很頻繁,因為文檔內置在代碼里邊,更容易出現沖突的問題;注解的格式需要額外的學習成本。
反觀 Postman
是一個獨立的應用,提供團隊協(xié)作(需要購買);通過google帳號登陸,在任何地方登陸后可以獲取到同步的數據;支持所有的http請求方法;能夠自動化測試api接口;配合 Postman Interceptor
chrome 瀏覽器插件,方便 phpstrome 進行debug。
大家注意看截圖,postman
的 collections 功能,方便不同模塊的分類;
其中標記為1
圈紅的地方,可以添加api的詳細說明,比如干什么的,字段含義;
標記2
的地方,保存了各種情況的返回結果,可以不需要網絡就查看各種情況的返回數據;
標記3
的地方,可以配置各種環(huán)境變量,方便切換。
我這里配置了常用的:dev:開發(fā)環(huán)境,test:測試環(huán)境,prod:線上環(huán)境。
postman如果團隊開發(fā)需要購買,才能方便的同步看到更新的信息。價格還挺貴,我們小公司沒錢,我用了一個偷懶的辦法:share link 方法。
同類的工具還有 atom,不過沒怎么用過,大家可以比較下。
程序員喜歡把自己的東西加密加密再加密,而面對別人的東西,總喜歡能夠看的一清二楚,然后從中學習一些經驗。
比如通過觀察別人的app請求流程,可以看一下返回什么樣的數據?一些基本的參數有哪些?有些接口如何組織請求流程等。
要完成上面的任務, charles
真的是不二之選。
截圖我是監(jiān)控到的某電商的請求數據,左邊部分顯示的是請求接口,右邊是響應的結果。
我就通過這款工具學習過如何對api進行版本維護,如何有效組織首頁數據的返回(到底是一個接口搞定所有還是多個接口,前端多次調用?)
當然上面僅僅是它的一個作用。另外一個效果就是,自己的應用出了問題,可以方便的通過它看到請求的數據,以此來進行一些判斷,修復bug。特別是強烈推薦測試人員使用,有很多bug是有前后的因果關系,需要看到數據開發(fā)人員更容易進行修正。
如果想要查看 https 請求的數據,需要安裝ssl證書到設備上,大家到官網看一下就知道。
今天推薦的最后一個工具tinypng
。我之前再博客也推薦過 google 新的圖片壓縮算法 guetzli
,這個算法真的非常牛逼。但是目前沒有好用的客戶端,只有命令行。
關于它沒有太多的說的,就是壓縮圖片嘛。支持批量,壓縮比率高,效果強。就是好用,把它分享給你的ui妹子,她會對你喜笑顏開。
以上就是“常備web開發(fā)輔助神器有哪些”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網站欄目:常備web開發(fā)輔助神器有哪些
文章網址:http://www.muchs.cn/article34/gehdse.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供電子商務、響應式網站、軟件開發(fā)、網頁設計公司、網站設計、網站收錄
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)