wt-mock基于koa2与mockj进行制作,不过您如果不熟悉koa也一点都不妨碍

您编写数据接口,下面是关于如何创建一个项目和编写一个接口的步骤:

项目的目录结构如下

1,点开project文件夹,新建文件夹输入您的项目名称: 比如 taobao

2,我们现在在taobao的文件夹里写一个login的接口,在taobao目录里新建文件login.js

3,把下面的代码贴到login.js里:

function makeIns(ctx) {
const data = {
code: '666',
msg: 'success'
}
ctx.body = data;
}
module.exports = makeIns;
4,回到命令窗口,按两次ctrl+c,结束服务,然后再次运行npm start,这时浏览器访问http://127.0.0.1:7777/taobao/login
就能看到接口返回的数据,上面的函数的data就是你要返回的数据,data可以是任意类型,至于ctx是什么,我想您需要去
一下koa的文档.

5,综上所述,如果您要开发一套模拟数据接口,只需要在project下面新建一个文件夹,这个文件夹就是您的项目,有几个项目
就建几个文件夹,在文件夹内所建的js文件就是您的接口,文件名是什么,接口名就是什么.当我们访问http://127.0.0.1:7777
的时候,页面会列出你所有的接口地址,这些接口可以同时使用get和post请求.

6,如果wt-mock只是单单的返回数据而已,那未免太费周折了.在开发中我们常常要根据前端传来的参数返回不同的内容,
这个也很简单,假设有这样的一个请求 http://127.0.0.1:7777/taobao/login?username=laohu&psw=123,要获取请求参数,
makeIns这个函数接收了一个ctx的参数,ctx包含了请求的所有信息,get请求就用ctx.query.username来获取username的值,
而post请求则使用ctx.request.body.xxx获取参数对应的值.

results matching ""

    No results matching ""