前后端分离 --- 数据mock思路

为了做到前后端并行开发,数据mock就成为环境搭建的重要一环。

数据mock分类两种思路:

  • 在client端处数据mock

  • 在server端mock。

第一种方式拦截了请求的发出,直接返回mock的数据,而第二种方式请求则真实地发出,只是在server端进行route拦截。

前后端分离的方式,就是在传统开发模式中加了一个node层,这样数据mock完全可以在node server端完成,基本思路如下:

《前后端分离 --- 数据mock思路》

简单说明

  • 只有线下开发模式(development),才会需要进行数据mock

  • 根据请求的url,拼接形成一个file path

  • 为了避免node缓存,删除require.cache(path)

  • 读取require(path) ,如果该文件不存在或读取失败,则跳转到失败路由
    这样简单的数据mock就实现了

代码描述

// 伪代码
if (process.env.NODE_ENV === 'development') {
  router.set('/api/*', mockapi)
}
 
function mockapi(req, res, opts) {
    var basePath = url.parse(req.url).pathname;
         
    try {
        var findPath = require.resolve(prefixPath + basePath + '.js');
        delete require.cache[findPath]
        var result = require(findPath);
    } catch (err) {
        return next(err);
    }
    if (typeof result === 'function') {
        return result(req, res, opts);
    }
    if (typeof result.status === 'undefined' || typeof result.body === 'undefined') {
        next(new Error('status 或 body 不存在'))
        return;
    }
    res.writeHead(result.status, {
        'Content-Type': 'application/json;charset=UTF-8'
    });
     
    res.write(JSON.stringify(result.body))
    res.end();
    cb()
}
    原文作者:DRY
    原文地址: https://segmentfault.com/a/1190000003863732
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞