使用 NodeJs 實現一個本地接口數據系統，無需數據庫，讓前端獨立於後臺開發

使用 NodeJs 實現本地接口系統，解決先後臺開發最後一千米

無數據庫的狀況下，實現數據持久化，經過api url返回json 數據，提升前端開發效率！
項目地址 ：local-ajax-pai

實現功能

1. 完整的操做頁面

2. 首頁展現全部保存的接口列表

3. 建立的接口保存到本地

4. 支持從新編輯

5. 編輯過程實時預覽和錯誤提示

6. 根據接口名稱或者url進行檢索

7. 提供url跨域調用
   下載完成安裝依賴就可以使用

背景

前端開發工做中一個重頭戲就是和後臺實現數據交互。不少前端入門不久的同窗（譬如我）在涉及到和後臺交互的時候，都須要等待後端開發作好，給了數據才能夠繼續，就是所謂的串行開發。

可是實際上咱們並不須要等後臺開發完成，只要一開始的時候雙方約定好數據格式，前端本身模擬一些數據就能夠投入工做，這樣就能夠並行開發,效率能夠顯著提升

方案

上面的問題能夠有多種解決方案

1. 直接代碼裏面js本地造數據

   ...
   var data = {...}
   ...
   //這種方案適合小型結構的數據，一旦數據過於龐大，不適合放在js文件裏面，不利於維護
   //不能很好的模擬ajax
   $.ajax({
       url:'..'//這個時候ajax接口不存在，調不通
   })
   //不能重複利用，上生產確定要刪掉

2. 使用mockjs，這個網上有豐富的介紹，這裏就不說了，能夠直接百度

實現本地化接口服務

本文介紹了一個簡單的平臺化方案，建立一個本地化的服務系統，這樣獲得數據格式以後，本地生成一個可用的 url 用於ajax請求，並且還可讓數據持久化，若是放在局域網內，接口還能夠共享給小夥伴。

說到持久化，那麼必須涉及到數據的存儲，用於存儲的數據庫有不少，我之前用過mongodb結合nodejs使用，也是蠻好的，可是數據庫安裝也蠻麻煩的，咱們這裏有一個更簡便的，硬盤自己就是一個「數據庫」 ，因此咱們可使用nodejs的fs模塊直接建立json文件，讀取json文件。這樣建立的每個json文件都對於一個接口服務，只要不刪除，就能夠一直重複利用。

使用方法介紹

1. github下載源碼，並執行 npm install 安裝

2. 啓動node服務，node app.js。 （建議使用 supervisor app.js 能夠自行重啓服務，經過npm install supervisor -g 安裝模塊）

3. 打開首頁 http://localhost:3000/ 建議chrome瀏覽器查看

   

4. 點擊建立接口，API名稱用來描述接口左右，API url用來調用數據，都是必填。如圖，咱們建立一個接口 testapi 能夠實時預覽格式化的json數據和提示錯誤。（建議使用網上更完整的工具預覽，能夠快速定位格式錯誤。）

   

   建立完成點擊最下面的保存按鈕，提示保存成功就完成了接口的建立！

5. 使用接口，根據剛剛建立的url：testapi 生成一個連接 http://localhost:3000/getjson...
   能夠在控制檯調用一下這個url能夠看出就是咱們剛剛存儲的json數據。
   

6. 搜索功能：在搜索框輸入接口中文描述名稱或者apiurl的名稱便可。

7. 二次編輯功能：建立完成接口以後，首頁或者搜索結果會顯示二次編輯入口，點擊就會顯示上次保存的數據和格式

   

8. 注意：ajaxapilist.json 存着一張關係表，對應全部的接口描述名稱和url，用於查詢，建議不要修改，

總結

本文是我對先後端合做開發過程當中的一個思考！

以上僅是我的見解，若是有誤，感謝指導！

項目地址 ：local-ajax-api