學會這個技能,你就可以懟後端了!!

作為一名前端碼農,經常要和後臺對接接口。但是一般工作都是同時進行的,往往我們的界面搞定了,需要對接數據,就開始扯皮了。那麼,你是怎麼解決的呢? 

前提

接下來教你一種技能,要求如下:

  1. 會用vs code
  2. 會安裝vs code插件
  3. 會js

重點來了

如果你可以在本地輕鬆的創建mock rest api + mock data,那麼你就不用等了,可以怒懟後端了(O(∩_∩)O哈哈~)

操作如下:

  • 安裝插件:
學會這個技能,你就可以懟後端了!!

REST API:用來編寫mock rest api

學會這個技能,你就可以懟後端了!!

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,也可以用於任何接口地址的訪問。
  • 項目結構
學會這個技能,你就可以懟後端了!!

最後

這兩個插件都是比較老的,有興趣的可以研究下,還有很多功能。

預祝你懟後端成功!!


分享到:


相關文章: