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

JeOam 發布于2019-08-20 12:04 / 2619人閱讀

摘要：使用方法介紹下載源碼，并執行安裝啟動服務，。如圖，我們創建一個接口可以實時預覽格式化的數據和提示錯誤。

使用 NodeJs 實現本地接口系統，解決前后臺開發最后一公里

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

實現功能

完整的操作頁面

首頁展示所有保存的接口列表

創建的接口保存到本地

支持重新編輯

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

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

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

背景

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

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

方案

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

直接代碼里面js本地造數據

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

使用mockjs，這個網上有豐富的介紹，這里就不說了，可以直接百度

實現本地化接口服務

本文介紹了一個簡單的平臺化方案，創建一個本地化的服務系統，這樣得到數據格式之后，本地生成一個可用的 url 用于ajax請求，而且還可以讓數據持久化，如果放在局域網內，接口還可以共享給小伙伴。

說到持久化，那么必須涉及到數據的存儲，用于存儲的數據庫有很多，我以前用過mongodb結合nodejs使用，也是蠻好的，但是數據庫安裝也蠻麻煩的，我們這里有一個更簡便的，硬盤本身就是一個“數據庫” ，所以我們可以使用nodejs的fs模塊直接創建json文件，讀取json文件。這樣創建的每一個json文件都對于一個接口服務，只要不刪除，就可以一直重復利用。

使用方法介紹

github下載源碼，并執行 npm install 安裝

啟動node服務，node app.js。（建議使用 supervisor app.js 可以自行重啟服務，通過npm install supervisor -g 安裝模塊）

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

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

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

使用接口，根據剛剛創建的url：testapi 生成一個鏈接 http://localhost:3000/getjson...
可以在控制臺調用一下這個url可以看出就是我們剛剛存儲的json數據。

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

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

注意：ajaxapilist.json 存著一張關系表，對應所有的接口描述名稱和url，用于查詢，建議不要修改，

總結

本文是我對前后端合作開發過程中的一個思考！

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

項目地址 ：local-ajax-api

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80787.html

實現前后端分離的心得

摘要：實現前后端分離的心得對目前的來說，前后端分離已經變得越來越流行了，越來越多的企業網站都開始往這個方向靠攏。前后端工作分配不均。實現前后端分離的心得對目前的web來說，前后端分離已經變得越來越流行了，越來越多的企業/網站都開始往這個方向靠攏。那么，為什么要選擇前后端分離呢？前后端分離對實際開發有什么好處呢? 為什么選擇前后端分離在以前傳統的網站開發中，前端一般扮演的只是切圖的工作...

zilu 2019-08-26 12:25 評論0 收藏0
精讀《Serverless 給前端帶來了什么》

摘要：前端框架總是帶入后端思維，而則是把前端思維帶入了后端運維。前端同學對應該尤為激動。而帶來了進一步優化的空間。當服務器面臨攻擊重啟磁盤故障時，打開復雜的工作臺或登陸后一通操作才能恢復。 1. 引言 Serverless 是一種無服務器架構，讓用戶無需關心程序運行環境、資源及數量，只要將精力 Focus 到業務邏輯上的技術。現在公司已經實現 DevOps 化，正在向 Serverles...

wizChen 2019-08-26 13:35 評論0 收藏0
node入門基礎

摘要：入門是一門基于的后臺編程語言，由于其解析引擎為引擎，性能比較強大，再加上與前端語言關系更為密切的先天優勢，使其在眾多后臺編程語言中脫穎而出。那么線程呢，線程，有時被稱為輕量級進程，，是程序執行流的最小單元。 node入門 nodejs是一門基于JavaScript的后臺編程語言，由于其解析引擎為V8引擎，性能比較強大，再加上與前端語言關系更為密切的先天優勢，使其在眾多后臺編程語言中脫穎...

wujl596 2019-08-20 17:51 評論0 收藏0
大話后端開發的奇淫技巧大集合

摘要：，大家好，很榮幸有這個機會可以通過寫博文的方式，把這些年在后端開發過程中總結沉淀下來的經驗和設計思路分享出來模塊化設計根據業務場景，將業務抽離成獨立模塊，對外通過接口提供服務，減少系統復雜度和耦合度，實現可復用，易維護，易拓展項目中實踐例子 Hi，大家好，很榮幸有這個機會可以通過寫博文的方式，把這些年在后端開發過程中總結沉淀下來的經驗和設計思路分享出來模塊化設計根據業務場景，將業務...

CloudwiseAPM 2019-08-06 13:33 評論0 收藏0