作為一名前端碼農,經常要和後臺對接接口。但是一般工作都是同時進行的,往往我們的界面搞定了,需要對接數據,就開始扯皮了。那麼,你是怎麼解決的呢?
前提
接下來教你一種技能,要求如下:
- 會用vs code
- 會安裝vs code插件
- 會js
重點來了
如果你可以在本地輕鬆的創建mock rest api + mock data,那麼你就不用等了,可以怒懟後端了(O(∩_∩)O哈哈~)
操作如下:
- 安裝插件:
![學會這個技能,你就可以懟後端了!!](http://p2.ttnews.xyz/loading.gif)
REST API:用來編寫mock rest api
![學會這個技能,你就可以懟後端了!!](http://p2.ttnews.xyz/loading.gif)
Bember REST Client:用來測試rest api
注意:REST Client 一定不要選錯,前兩個安裝都會有問題。
- 編寫rest api
這個是.vscode目錄下的settings.json。
1. autoStart: 保存這個文件會自動運行
2. port: 服務的端口
3. guest: 是否開啟訪客模式
4. users: 用戶配置(多用戶)
5. endpoints: 自定義接口,訪問地址是http://localhost:9111/api/
- 編寫rest client
這個是測試客戶端,很簡單。當然不僅用於上面提到的rest api,也可以用於任何接口地址的訪問。
- 項目結構
最後
這兩個插件都是比較老的,有興趣的可以研究下,還有很多功能。
預祝你懟後端成功!!
閱讀更多 全職碼農 的文章