91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用nodeJS實現一個mock數據服務器

發布時間:2021-08-13 19:55:05 來源:億速云 閱讀:306 作者:小新 欄目:web開發

這篇文章主要介紹如何使用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文件的數據可以自定義,方便前端調試。

如何使用nodeJS實現一個mock數據服務器

具體實現

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數據服務器

以上是“如何使用nodeJS實現一個mock數據服務器”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

佳木斯市| 唐河县| 光山县| 鞍山市| 京山县| 伊川县| 西华县| 塔河县| 澄江县| 安陆市| 平定县| 陆良县| 竹山县| 达日县| 兰州市| 丹凤县| 阿拉善右旗| 太仆寺旗| 道真| 枣阳市| 望都县| 新宁县| 广汉市| 页游| 延吉市| 宕昌县| 新营市| 黎川县| 平和县| 长寿区| 芦山县| 晴隆县| 广南县| 增城市| 诏安县| 新巴尔虎左旗| 凤凰县| 太仆寺旗| 米泉市| 文山县| 维西|