使用 NodeJs 实现本地接口系统

JavaScript08

使用 NodeJs 实现本地接口系统,第1张

一个基于node.js的轻量级 API mock服务 。

 

在存放mock数据的文件夹下执行命令启动服务。

如果mock数据文件放在名为 mock-data 的文件夹下,则在 mock-data 文件夹下执行以下命令。

以下命令默认端口为 7777

或者使用自定义端口

服务启动后,访问地址为

在存放mock数据的目录下新建 .json 或者 .js 为后辍的文件。

mock规则示例如下:

如果对同一接口分别创建了 js 和 json 两个mock文件,会优先取 js文件 的数据。

mock文件名必须和API接口的文件名一致,才能将API和mock文件匹配。

示例:

示例:

1) 先安装包

2) 在任意位置新建一个文件夹 mock-test

3) 在 mock-test 目录下新建mock数据文件 test.json ,并添加内容如下:

4) 在 mock-test 目录下面执行命令启动mock服务 (默认端口7777)

5) 打开浏览器,输入以下地址,访问mock文件

请求地址只要以 test 结尾的,都可以访问到上面创建的 test.json 文件

6) 项目中使用

以webpack4为例:

Github仓库源码地址: https://github.com/ahbool/mock123 ,欢迎 +Star

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,引入jquery使用。

2、在index.html的<script>标签中,输入js代码:

$.get('请求地址', function(b) {

document.body.innerText = b

})

3、浏览器运行index.html页面,此时通过F12的开发者工具可知API接口被调用了。

javascript中的接口就类似于java中的interface,是用function定义的语句块。 在javascript中模仿接口 首先,我们可以定义一个公共的接口类: Interface,接着我们考虑下接口类需要有哪些成员和方法。 1)接口是一组方法签名的集合,其他内置接口的语言可以在接口中进行函数声明,从而定义一个接口;而在javascript中,我们需要通过给Interface类增加一个数组成员,保存方法名称,我命名为:methods,另外还有个成员:name,这个成员是接口名,方便我们快速定位错误—比如我们的对象到底是没实现哪个接口的哪个方法。 2) 在有内置接口的语言中,若一个类继承了某个接口,而未实现其中的一个或多个方法时,编译器会报错,从而提醒开发人员,但是javascript是无法提供这个功能的,所以在我们的Interface类中需要一个方法来保证在未实现某接口的所有方法时,抛出一个错误。 这个方法我们可以命名为:ensureImplents, 另外这个方法是可通用的,所以可以作为一个静态方法,即Interface的方法,而不需要在其每个实例中保存。