express+mockjs+nodemon 搭建一个mock服务

简介: express+mockjs+nodemon 搭建一个mock服务

express+mockjs+nodemon 搭建一个mock服务,方便前端开发 (demo已经上传到github,地址:https://github.com/Amosyue/mockServe

使用mockjs的方式

1、在项目入口文件中直接引入配置好的mock文件

这种方法需要在项目内引入mock并创建相关配置文件,根据环境来配置,代码耦合度太高

2、配合express启一个服务

这样就相当于模拟了真实的接口,netWork可以看到请求,并且可以不在该项目中做任何配置直接向服务发起请求即可。

这里我们只说下第二种情况,这样项目和mock数据分离,需要mock数据的时候只需要启动本地mock服务即可,代码耦合度低。

实例操作配置

1、安装express,mockjs

npm i express mockjs --save-dev

2、在项目的根目录创建index.js

const app = require('express')(); //实例化express
// 代理部分请求
app.get('/proxy/lanmu1/test2', function (req, res) {
  console.log('post /lanmu1/test2')
  res.send({
    code: 200,
    data: 'token string',
    msg: 'mock-server:模拟数据'
  })
});
app.get('/mock/api', function (req, res) {
  // mockjs中属性名‘|’符号后面的属性为随机属性,数组对象后面的随机属性为随机数组数量,正则表达式表示随机规则,+1代表自增
  res.json({"name":'ss999999'});
});
// 监听3001端口
app.listen('3001');

3、设置启动命令

如果不设置启动命令,那么此步骤可省略。启动命令默认是 node index.js.

如果配置启动命令如下:

"scripts": {
    "mock": "node index.js"
  }

这样只需要npm run mock就可以了

到这里其实简单的mock服务已经配置好了,运行npm run mock,项目就可以启动了,你可以在其他项目中调用你写在mock服务里的接口了。

4、配置nodemon

到第3步,其实已经配置好了,但是有个小问题,如果你添加或者删除了默写数据接口,你必须重启服务,没有热更新,这步就是为了解决这个问题。

1、安装nodemon

npm i nodemon  --save-dev

2、在根目录创建serve.js

var nodemon = require('nodemon'); //引入nodemon模块
/**
 * script 重启的脚本
 * ext 检测的文件类型
 * watch 监听哪些文件,文件夹,如果配置此字段,那么nodemon就会匹配当前字段下的文件
 * ignore 忽略哪些文件
 */
nodemon({
  script: './index.js',
  ignore:[],
  watch: [
    'api/',
    'index.js'
  ],
  ext: 'js json'
});
nodemon.on('start', function () {
  console.log('mockServer has started');
}).on('quit', function () {
  console.log('mockServer has quit');
  process.exit();
}).on('restart', function (files) {
  console.log('mockServer restarted due to: ', files);
});

3、配置启动命令

"scripts": {
   "serve": "node serve.js"
  }

到此已经完成,启动服务 npm run serve。这样你就重新添加了接口数据,服务会自动重新启动。

demo地址:https://github.com/Amosyue/mockServe](https://github.com/Amosyue/mockServe


相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
构建高效后端服务:Node.js与Express框架的实战指南
【9月更文挑战第6天】在数字化时代的潮流中,后端开发作为支撑现代Web和移动应用的核心,其重要性不言而喻。本文将深入浅出地介绍如何使用Node.js及其流行的框架Express来搭建一个高效、可扩展的后端服务。通过具体的代码示例和实践技巧,我们将探索如何利用这两个强大的工具提升开发效率和应用性能。无论你是后端开发的新手还是希望提高现有项目质量的老手,这篇文章都将为你提供有价值的见解和指导。
|
4月前
|
JavaScript 前端开发 中间件
构建高效后端服务:Node.js与Express框架的完美搭档
【8月更文挑战第28天】在追求高性能、可扩展和易维护的后端开发领域,Node.js和Express框架的组合提供了一种轻量级且灵活的解决方案。本文将深入探讨如何利用这一组合打造高效的后端服务,并通过实际代码示例展示其实现过程。
|
4月前
|
Web App开发 JavaScript 中间件
构建高效后端服务:Node.js与Express框架的深度整合
【8月更文挑战第27天】 在现代Web开发中,后端服务的高效性至关重要。本文深入探讨了如何利用Node.js的非阻塞I/O特性和Express框架的简洁性来打造高性能的后端服务。我们将通过具体案例,展示如何在不牺牲代码可读性和可维护性的前提下,实现高效的请求处理和服务端逻辑。文章旨在为开发者提供一个清晰的指导,帮助他们在构建后端服务时做出更明智的技术选择。
|
4月前
|
存储 缓存 JavaScript
构建高效后端服务:Node.js与Express框架的实战应用
【8月更文挑战第2天】在数字化时代的浪潮中,后端服务的构建成为了软件开发的核心。本文将深入探讨如何利用Node.js和Express框架搭建一个高效、可扩展的后端服务。我们将通过实际代码示例,展示从零开始创建一个RESTful API的全过程,包括路由设置、中间件使用以及数据库连接等关键步骤。此外,文章还将触及性能优化和安全性考量,旨在为读者提供一套完整的后端开发解决方案。让我们一同走进Node.js和Express的世界,探索它们如何助力现代Web应用的开发。
|
4月前
|
弹性计算 JavaScript 中间件
构建高效后端服务:使用Node.js和Express框架
【8月更文挑战第4天】本文将通过一个实际案例,详细介绍如何使用Node.js和Express框架快速构建一个高效、可扩展的后端服务。我们将从项目初始化开始,逐步实现RESTful API接口,并介绍如何利用中间件优化请求处理流程。最后,我们将展示如何部署应用到云服务器上,确保其高可用性和可扩展性。
|
4月前
|
JSON 前端开发 应用服务中间件
韬光敛彩:用 nginx + express 无痛实现前端项目本地 mock
韬光敛彩:用 nginx + express 无痛实现前端项目本地 mock
|
5月前
|
JavaScript 前端开发 中间件
构建高效后端服务:Node.js与Express框架的深度探索
【7月更文挑战第31天】在快速迭代的技术浪潮中,Node.js和Express框架已成为构建灵活、高效后端服务的利器。本文将深入探讨如何利用这一组合打造高性能后端系统,同时分享实际开发中的经验和技巧。
54 0
|
7月前
|
JSON JavaScript 中间件
利用Node.js和Express构建RESTful API服务
利用Node.js和Express构建RESTful API服务
60 0
|
7月前
|
JavaScript 前端开发 API
保姆级亚马逊服务部署 Express+Vue3
保姆级亚马逊服务部署 Express+Vue3
|
开发框架 JavaScript 中间件
Node与Express后端架构:高性能的Web应用服务
Node与Express后端架构:高性能的Web应用服务
242 0