正常的項目開發流程
第一步,産品部門出項目原型和思維導圖
第二步,設計師出設計圖,前後端分别派出一位大佬,根據原型圖設計接口
第三步,前端根據設計的接口和原型圖寫靜态頁面,後端根據接口文檔和原型寫伺服器接口。
第四步,前後端對接,聯調,測試,上線。
對于前端開發而言,如果第一步和第二步沒做好(不斷改需求,改接口文檔,改設計圖),太痛苦了。
前後端應該在統一的接口文檔下進行同步開發,這樣就能實作雙方分離,前後端單獨傳遞,最後聯調。
前端如果單獨通過node.js開發伺服器,耗費大量的人力,是以需要使用一個比較成熟的伺服器模拟工具Yapi。
YAPI官網
https://hellosean1025.github.io/yapi/documents/quickstart.html
yapi實作mock資料的兩種方式
在進階mock裡面建立期望

在進階mock裡面建立腳本(建立腳本比建立期望更加靈活,)
當建立好期望或者腳本之後,點選yapi給出的連接配接檢測接口是否定義成功
點選mock位址,前端請求這個mock位址同樣能擷取到該接口的資料