您好,登錄后才能下訂單哦!
這篇文章主要介紹如何使用nodeJS實現一個mock數據服務器,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
對于前端開發者而言,javascript正扮演著越來越重要的地位,它不僅能為瀏覽器端賦能,在web服務器方面也有很大的價值(我們可以用nodeJS來寫服務端代碼,啟動web服務器),因此本文所要描述的,便是javascript在服務端的應用。我將介紹如何使用nodeJS來搭建一個mock服務器,方便前端自定義mock數據請求,提高前端開發的主觀能動性和對項目健壯性的探索。
我們將學到
koa基本使用
koa-router的基本用法
koa-logger的使用
glob支持文件遍歷查尋
node幾個核心api的使用
使用nodemon做自動重啟
mock服務器基本設計思路
通過目錄路徑和服務端api的映射關系來實現我們的api訪問,比如我們訪問接口/api/article/122,我們只需要在mock服務器目錄的api的article目錄下,創建122.json文件即可,json文件的數據可以自定義,方便前端調試。
具體實現
1.搭建一個node服務
const Koa = require('koa'); const app = new Koa(); app.listen(3000)
2.注冊路由 我們使用koa-router來實現后臺服務的路由功能,并通過koa提供的上下文ctx將讀取到的數據返回給前端:
const Koa = require('koa'); const Router = require('koa-router'); const app = new Koa(); const router = new Router({prefix: '/api'}); router.get('/name', (ctx, next) => { ctx.body = { name: 'xuxiaoxi' } }); app .use(router.routes()) .use(router.allowedMethods()); app.listen(3000)
這樣我們就能實現一個勉強能用的基本的后臺api服務器了,當我們請求/api/name時,會返回相應的數據給前臺,這一步是我們實現mock服務的關鍵一步,接下來我們具體來實現目錄的遍歷和api的自動注冊。
3.自動注冊api接口并返回數據 我們將在這個階段實現api服務的自動注冊,這里我們使用glob這個第三方模塊來遍歷目錄,并通過node的fs模塊讀取api文件的數據并返回給前臺。glob的使用很簡單,感興趣的朋友可以自行學習,這里就不做過多介紹了。具體實現如下:
const Koa = require('koa'); const Router = require('koa-router'); const glob = require("glob"); const { resolve } = require('path'); const fs = require('fs'); const app = new Koa(); const router = new Router({prefix: '/api'}); // 注冊路由 glob.sync(resolve('./api', "**/*.json")).forEach((item, i) => { let apiJsonPath = item && item.split('/api')[1]; let apiPath = apiJsonPath.replace('.json', ''); router.get(apiPath, (ctx, next) => { try { let jsonStr = fs.readFileSync(item).toString(); ctx.body = { data: JSON.parse(jsonStr), state: 200, type: 'success' // 自定義響應體 } }catch(err) { ctx.throw('服務器錯誤', 500); } }); }); app .use(router.routes()) .use(router.allowedMethods()); app.listen(3000);
添加控制臺日志 我們使用koa-logger實現在終端打印node日志,方便調試,雖然這不是該文章的重點,但是對于想做node開發的前端從業者,還是很有必要了解的。
const logger = require('koa-logger') app.use(logger());
這樣,我們每個請求都會在終端打印出來。
路由映射文件的生成 該功能也不是本文的重點,但是會極大的方便前端開發者調試請求,因為如果api路徑很長,我們需要一個個查找,但是有了這個map文件,我們只需要拷貝自動生成的路徑即可。具體實現如下:
//... const routerMap = {}; // 存放路由映射 // 注冊路由 glob.sync(resolve('./api', "**/*.json")).forEach((item, i) => { // ... // 記錄路由 routerMap[apiJsonPath] = apiPath; }); fs.writeFile('./routerMap.json', JSON.stringify(routerMap, null , 4), err => { if(!err) { console.log('路由地圖生成成功!') } });
基本目錄結構
以上是“如何使用nodeJS實現一個mock數據服務器”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。