使用 NodeJs 實現本地介面系統，解決前後臺開發最後一公里

無資料庫的情況下，實現資料持久化，通過api url返回json 資料，提高前端開發效率！
專案地址 ：local-ajax-api 下載完成安裝依賴就可使用

背景

前端開發工作中一個重頭戲就是和後臺實現資料互動。很多前端入門不久的同學（譬如我）在涉及到和後臺互動的時候，都需要等待後端開發做好，給了資料才可以繼續，就是所謂的序列開發。

但是實際上我們並不需要等後臺開發完成，只要一開始的時候雙方約定好資料格式，前端自己模擬一些資料就可以投入工作，這樣就可以並行開發,效率可以顯著提高

方案

上面的問題可以有多種解決方案

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. 點選建立介面，API名稱用來描述介面左右，API url用來呼叫資料，都是必填。如圖，我們建立一個介面 testapi 點選預覽按鈕可以格式化json資料，不過功能不豐富，建議使用網上更完整的工具預覽，可以快速定位格式錯誤。

   
   建立完成點選最下面的儲存按鈕，提示儲存成功就完成了介面的建立！

   

4. 使用介面，根據剛剛建立的url：testapi 生成一個連結 http://localhost:3000/getjson/testapi
   可以在控制檯呼叫一下這個url可以看出就是我們剛剛儲存的json資料。

   

5. 搜尋功能：在搜尋框輸入介面中文描述名稱或者apiurl的名稱即可。

6. 二次編輯功能：建立完成介面之後，首頁或者搜尋結果會顯示二次編輯入口，點選就會顯示上次儲存的資料和格式
   

7. 注意：ajaxapilist.json 存著一張關係表，對應所有的介面描述名稱和url，用於查詢，建議不要修改，

總結

本文是我對前後端合作開發過程中的一些痛點的反思，如果能夠為和我一樣遇到麻煩的小夥伴提供一些幫助，麻煩小夥伴幫忙點個star，非常感謝！

以上僅是個人看法，如果有誤，感謝指導！