环境仿真 - 加个mock服务器

本文导航

  1. 啊咧！？什么是mock服务器？为什么要这个东西？

  • 作者：KK

  • 发表日期：2016.6.24

先下载我简单开发的mock服务器 mock-server.js 并将它放到项目的node_modules目录下

在gulp的任务中添加以下主要代码：

var mockServer = require('mock-server');

//这个运行代码务必放在所有gulp执行代码的后面，因为它运行起来会停住，不再往下运行代码的了
mockServer({
	webPath : './dist'
});
console.log(111); //不会运行这个代码，因为上面停住了

最好保证你电脑上没有运行任何HTTP服务器，比如apache、nginx、tomcat这些

然后浏览器访问http://127.0.0.1/xxx.html就会输出./dist/xxx.html这个文件的HTML代码到网页上显示网页

http://127.0.0.1这样没有指定文件名的话，的话就会显示./dist/index.html

好了这下就初步添加了一个mock服务器

啊咧！？什么是mock服务器？为什么要这个东西？

简单说mock服务器就是模拟服务器。它不是特定技术实现的东西，比如这个NodeJs实现的，其实也可以用PHP或者python那些实现

重点是它的工作目标是为了模拟，比如你有个D:\src\a.html里面的a标签的链接地址是/shop/card.html这样的链接，就算构建到D:\dist目录了，那你双击D:\dist\a.html用浏览器查看的时候点击这个a标签铁定跳转不到目标链接，因为浏览器地址栏上显示的不是http协议，而是file协议嘛

还有ajax加载的数据哪来，图片链接什么的那些，于是我们用这个简单的服务器做一个仿真效果就好了，这样能解决很多普通开发需求，而且你还可以自己修改一下这个服务器扩展功能（门槛低，大家都会JS嘛，百度搜搜NodeJS在服务器方面的编程也好阅读资料）