資訊專欄INFORMATION COLUMN
摘要：使用方法介紹下載源碼，并執(zhí)行安裝啟動服務(wù)，。如圖，我們創(chuàng)建一個接口可以實時預(yù)覽格式化的數(shù)據(jù)和提示錯誤。
使用 NodeJs 實現(xiàn)本地接口系統(tǒng)，解決前后臺開發(fā)最后一公里
無數(shù)據(jù)庫的情況下，實現(xiàn)數(shù)據(jù)持久化，通過api url返回json 數(shù)據(jù)，提高前端開發(fā)效率！
項目地址 ：local-ajax-pai
完整的操作頁面
首頁展示所有保存的接口列表
創(chuàng)建的接口保存到本地
支持重新編輯
編輯過程實時預(yù)覽和錯誤提示
根據(jù)接口名稱或者url進行檢索
提供url跨域調(diào)用
下載完成安裝依賴就可使用
前端開發(fā)工作中一個重頭戲就是和后臺實現(xiàn)數(shù)據(jù)交互。很多前端入門不久的同學(xué)（譬如我）在涉及到和后臺交互的時候，都需要等待后端開發(fā)做好，給了數(shù)據(jù)才可以繼續(xù)，就是所謂的串行開發(fā)。
但是實際上我們并不需要等后臺開發(fā)完成，只要一開始的時候雙方約定好數(shù)據(jù)格式，前端自己模擬一些數(shù)據(jù)就可以投入工作，這樣就可以并行開發(fā),效率可以顯著提高
方案上面的問題可以有多種解決方案
直接代碼里面js本地造數(shù)據(jù)
...
var data = {...}
...
//這種方案適合小型結(jié)構(gòu)的數(shù)據(jù)，一旦數(shù)據(jù)過于龐大，不適合放在js文件里面，不利于維護
//不能很好的模擬ajax
$.ajax({
url:".."http://這個時候ajax接口不存在，調(diào)不通
})
//不能重復(fù)利用，上生產(chǎn)肯定要刪掉
使用mockjs，這個網(wǎng)上有豐富的介紹，這里就不說了，可以直接百度
實現(xiàn)本地化接口服務(wù)本文介紹了一個簡單的平臺化方案，創(chuàng)建一個本地化的服務(wù)系統(tǒng)，這樣得到數(shù)據(jù)格式之后，本地生成一個可用的 url 用于ajax請求，而且還可以讓數(shù)據(jù)持久化，如果放在局域網(wǎng)內(nèi)，接口還可以共享給小伙伴。
說到持久化，那么必須涉及到數(shù)據(jù)的存儲，用于存儲的數(shù)據(jù)庫有很多，我以前用過mongodb結(jié)合nodejs使用，也是蠻好的，但是數(shù)據(jù)庫安裝也蠻麻煩的，我們這里有一個更簡便的，硬盤本身就是一個“數(shù)據(jù)庫” ，所以我們可以使用nodejs的fs模塊直接創(chuàng)建json文件，讀取json文件。這樣創(chuàng)建的每一個json文件都對于一個接口服務(wù)，只要不刪除，就可以一直重復(fù)利用。
使用方法介紹github下載源碼，并執(zhí)行 npm install 安裝
啟動node服務(wù)，node app.js。 （建議使用 supervisor app.js 可以自行重啟服務(wù)，通過npm install supervisor -g 安裝模塊）
打開首頁 http://localhost:3000/ 建議chrome瀏覽器查看
點擊創(chuàng)建接口，API名稱用來描述接口左右，API url用來調(diào)用數(shù)據(jù)，都是必填。如圖，我們創(chuàng)建一個接口 testapi 可以實時預(yù)覽格式化的json數(shù)據(jù)和提示錯誤。（建議使用網(wǎng)上更完整的工具預(yù)覽，可以快速定位格式錯誤。）
創(chuàng)建完成點擊最下面的保存按鈕，提示保存成功就完成了接口的創(chuàng)建！
使用接口，根據(jù)剛剛創(chuàng)建的url：testapi 生成一個鏈接 http://localhost:3000/getjson...
可以在控制臺調(diào)用一下這個url可以看出就是我們剛剛存儲的json數(shù)據(jù)。
搜索功能：在搜索框輸入接口中文描述名稱或者apiurl的名稱即可。
二次編輯功能：創(chuàng)建完成接口之后，首頁或者搜索結(jié)果會顯示二次編輯入口，點擊就會顯示上次保存的數(shù)據(jù)和格式
注意：ajaxapilist.json 存著一張關(guān)系表，對應(yīng)所有的接口描述名稱和url，用于查詢，建議不要修改，
總結(jié)本文是我對前后端合作開發(fā)過程中的一個思考！
以上僅是個人看法，如果有誤，感謝指導(dǎo)！
項目地址 ：local-ajax-api
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/80787.html
摘要：實現(xiàn)前后端分離的心得對目前的來說，前后端分離已經(jīng)變得越來越流行了，越來越多的企業(yè)網(wǎng)站都開始往這個方向靠攏。前后端工作分配不均。 實現(xiàn)前后端分離的心得 對目前的web來說，前后端分離已經(jīng)變得越來越流行了，越來越多的企業(yè)/網(wǎng)站都開始往這個方向靠攏。那么，為什么要選擇前后端分離呢？前后端分離對實際開發(fā)有什么好處呢? 為什么選擇前后端分離 在以前傳統(tǒng)的網(wǎng)站開發(fā)中，前端一般扮演的只是切圖的工作...
摘要：前端框架總是帶入后端思維，而則是把前端思維帶入了后端運維。前端同學(xué)對應(yīng)該尤為激動。而帶來了進一步優(yōu)化的空間。當(dāng)服務(wù)器面臨攻擊重啟磁盤故障時，打開復(fù)雜的工作臺或登陸后一通操作才能恢復(fù)。 1. 引言 Serverless 是一種 無服務(wù)器架構(gòu)，讓用戶無需關(guān)心程序運行環(huán)境、資源及數(shù)量，只要將精力 Focus 到業(yè)務(wù)邏輯上的技術(shù)。 現(xiàn)在公司已經(jīng)實現(xiàn) DevOps 化，正在向 Serverles...
摘要：入門是一門基于的后臺編程語言，由于其解析引擎為引擎，性能比較強大，再加上與前端語言關(guān)系更為密切的先天優(yōu)勢，使其在眾多后臺編程語言中脫穎而出。那么線程呢，線程，有時被稱為輕量級進程，，是程序執(zhí)行流的最小單元。 node入門 nodejs是一門基于JavaScript的后臺編程語言，由于其解析引擎為V8引擎，性能比較強大，再加上與前端語言關(guān)系更為密切的先天優(yōu)勢，使其在眾多后臺編程語言中脫穎...
摘要：，大家好，很榮幸有這個機會可以通過寫博文的方式，把這些年在后端開發(fā)過程中總結(jié)沉淀下來的經(jīng)驗和設(shè)計思路分享出來模塊化設(shè)計根據(jù)業(yè)務(wù)場景，將業(yè)務(wù)抽離成獨立模塊，對外通過接口提供服務(wù)，減少系統(tǒng)復(fù)雜度和耦合度，實現(xiàn)可復(fù)用，易維護，易拓展項目中實踐例子 Hi，大家好，很榮幸有這個機會可以通過寫博文的方式，把這些年在后端開發(fā)過程中總結(jié)沉淀下來的經(jīng)驗和設(shè)計思路分享出來 模塊化設(shè)計 根據(jù)業(yè)務(wù)場景，將業(yè)務(wù)...
閱讀 2257·2023-05-11 16:55
閱讀 3541·2021-08-10 09:43
閱讀 2654·2019-08-30 15:44
閱讀 2472·2019-08-29 16:39
閱讀 614·2019-08-29 13:46
閱讀 2040·2019-08-29 13:29
閱讀 952·2019-08-29 13:05
閱讀 718·2019-08-26 13:51
