天天看點

前後端如何快速分離,獨立開發

正常的項目開發流程

第一步,産品部門出項目原型和思維導圖

第二步,設計師出設計圖,前後端分别派出一位大佬,根據原型圖設計接口

第三步,前端根據設計的接口和原型圖寫靜态頁面,後端根據接口文檔和原型寫伺服器接口。

第四步,前後端對接,聯調,測試,上線。

對于前端開發而言,如果第一步和第二步沒做好(不斷改需求,改接口文檔,改設計圖),太痛苦了。

前後端應該在統一的接口文檔下進行同步開發,這樣就能實作雙方分離,前後端單獨傳遞,最後聯調。

前端如果單獨通過node.js開發伺服器,耗費大量的人力,是以需要使用一個比較成熟的伺服器模拟工具Yapi。

YAPI官網

https://hellosean1025.github.io/yapi/documents/quickstart.html

yapi實作mock資料的兩種方式

在進階mock裡面建立期望

前後端如何快速分離,獨立開發
前後端如何快速分離,獨立開發

在進階mock裡面建立腳本(建立腳本比建立期望更加靈活,)

前後端如何快速分離,獨立開發

當建立好期望或者腳本之後,點選yapi給出的連接配接檢測接口是否定義成功

點選mock位址,前端請求這個mock位址同樣能擷取到該接口的資料

前後端如何快速分離,獨立開發

繼續閱讀