×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

不用再等后端的接口啦！这个开源项目花2分钟就能模拟出后端接口

今天给大家带来一款开源免费的模拟后端 API 的工具：moco

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于企业网站设计,高端网页制作,对酒楼设计等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业成都网站营销优化,H5建站,响应式网站。

没学过后端开发的也能快速上手这个开源项目，靓仔靓妹们不必再辛苦等待后端开发 API，从而有更多的时间逛 HelloGitHub 体验更多有趣的开源项目。接下来本文将用带你快速上手 moco 这个开源工具，让你不再卡在后端接口的开发进度上，一骑绝尘！

项目地址：https://github.com/dreamhead/moco

一、moco 有什么用

我做前端或者客户端开发，对我有什么用？

  1. 在后端 API 开发缓慢的时候，如果你想测试应用展示效果，就不必再等后端进度，使用 moco 轻松模拟后端 API。

  2. 在项目初期的时候，产品经理或者是客户想看到你的应用展示，模拟好 API 就可以开发前端，展示效果啦。

我做后端开发，对我有什么用？

  1. 企业级软件一般都是多人开发，因为接口之间是互相依赖的，所以如果你依赖的服务进度缓慢或者是没有在环境中运行，你就无法对你开发的功能进行测试，进而不能及时交付项目，从而加班熬夜。

  2. 即使你所依赖的服务在环境中运行，但是所依赖的服务依旧会不断测试和调优，这个过程也可能会导致你开发功能测试出现问题。一个稳定的测试接口，减少你的等待时间。

二、快速开始

2.1 准备工作

 
 
 
    
  
  
  
  1. JDK 1.8+ (推荐1.8版本)
    2.

2.2 下载 jar 包

点击此处下载 jar 包

2.3 API 配置文件

新建 hello.json 文件，写入以下内容

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "moco 快速开始示例",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": "/hello"
    5. 
  
  
  
  5.  },
    6. 
  
  
  
  6.  "response": {
    7. 
  
  
  
  7.   "text": "Hello GitHub"
    8. 
  
  
  
  8.  }
    9. 
  
  
  
  9. }]
    10.

目录结构如下

 
 
 
    
  
  
  
  1. ├── hello.json                             // API 接口配置文件
    2. 
  
  
  
  2. ├── moco-runner-1.1.0-standalone.jar       // 下载的模拟 API 的工具
    3.

2.4 运行项目

在该目录下运行

 
 
 
    
  
  
  
  1. java -jar moco-runner-1.1.0-standalone.jar http -p 9999 -c hello.json
    2.

2.5 效果展示

在浏览器中访问一下地址

 
 
 
    
  
  
  
  1. localhost:9999/hello
    2.

效果如图所示

三、详细用法

刚刚的你应该十分轻松地模拟一个简单的后端 API，是不是很有成就感？但是你使用或者开发过后端 API 你就也许知道：一个合格的后端 API 不应该仅仅局限如此。一个合格的后端 API 应该能包括：请求方法、请求 URL、请求参数、请求头、请求体、返回状态码、返回提示信息、返回头和返回体等内容。

如何使用 moco 这个开源项目模拟出一个合格的后端接口呢？接下来就带你一步步了解详细用法。

3.1 基本结构

 
 
 
    
  
  
  
  1. [
    2. 
  
  
  
  2.   {
    3. 
  
  
  
  3.     "description": "moco 基本结构",
    4. 
  
  
  
  4.     "request": {
    5. 
  
  
  
  5.       "uri": "/hello",
    6. 
  
  
  
  6.       "method": "post"
    7. 
  
  
  
  7.     },
    8. 
  
  
  
  8.     "response": {
    9. 
  
  
  
  9.       "text": "Hello GitHub"
    10. 
  
  
  
  10.     }
    11. 
  
  
  
  11.  }
    12. 
  
  
  
  12. ]
    13.

3.2 模拟一个基本的 RESTful API

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "模拟一个基本的 RESTful API",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": "/hello2",
    5. 
  
  
  
  5.   "method": "post",
    6. 
  
  
  
  6.   "headers": {
    7. 
  
  
  
  7.    "Content-Type": "application/json",
    8. 
  
  
  
  8.    "Accept": "application/json",
    9. 
  
  
  
  9.    "token": "header.playload.signature",
    10. 
  
  
  
  10.    "Accept-Charset": "utf8"
    11. 
  
  
  
  11.   },
    12. 
  
  
  
  12.   "cookies": {
    13. 
  
  
  
  13.    "login": "true"
    14. 
  
  
  
  14.   },
    15. 
  
  
  
  15.   "json": {
    16. 
  
  
  
  16.    "name": "zhangsan",
    17. 
  
  
  
  17.    "age": 13
    18. 
  
  
  
  18.   }
    19. 
  
  
  
  19.  },
    20. 
  
  
  
  20.  "response": {
    21. 
  
  
  
  21.   "json": {
    22. 
  
  
  
  22.    "message": "测试成功"
    23. 
  
  
  
  23.   },
    24. 
  
  
  
  24.   "latency": {
    25. 
  
  
  
  25.    "duration": 2,
    26. 
  
  
  
  26.    "unit": "second"
    27. 
  
  
  
  27.   },
    28. 
  
  
  
  28.   "headers": {
    29. 
  
  
  
  29.    "Content-Type": "application/json",
    30. 
  
  
  
  30.    "token": "new-header.new-playload.new-signature"
    31. 
  
  
  
  31.   },
    32. 
  
  
  
  32.   "cookies": {
    33. 
  
  
  
  33.    "login": {
    34. 
  
  
  
  34.     "value": "true",
    35. 
  
  
  
  35.     "domain": "localhost",
    36. 
  
  
  
  36.     "secure": "true",
    37. 
  
  
  
  37.     "httpOnly": "true",
    38. 
  
  
  
  38.     "path": "/"
    39. 
  
  
  
  39.    }
    40. 
  
  
  
  40.   }
    41. 
  
  
  
  41.  }
    42. 
  
  
  
  42. }]
    43. 
 
 
 
 
 
 
    
  
  
  
  1. response
    2. 
  
  
  
  2. headers
    3. 
  
  
  
  3. json
    4. 
  
  
  
  4. cookies
    5.

测试

这里我们使用 GitHub 上面开源免费的 API 测试软件 Postman 进行测试

（1）url、请求方法、请求头和 Cookies

（2）请求体（json）

（3）测试效果

点击 Send 发送，并在下方 response 查看测试效果

查看返回的请求头

查看返回的 Cookies

查看全局 Cookies

3.3 附件下载

有时候我们需要模拟文件下载，moco 如何实现呢？

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "moco  附件下载",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": "/hello"
    5. 
  
  
  
  5.  },
    6. 
  
  
  
  6.  "response": {
    7. 
  
  
  
  7.   "attachment":{
    8. 
  
  
  
  8.    "filename": "demo.txt",
    9. 
  
  
  
  9.    "file": "demo.txt"
    10. 
  
  
  
  10.   }
    11. 
  
  
  
  11.  }
    12. 
  
  
  
  12. }]
    13.

文件目录

 
 
 
    
  
  
  
  1. ├── hello.json                             // API 接口配置文件
    2. 
  
  
  
  2. ├── moco-runner-1.1.0-standalone.jar       // 模拟 API 的工具
    3. 
  
  
  
  3. ├── demo.txt                               // 要下载的文件，这里可以使用相对路径
    4.

localhost:9999/hello 即可下载 demo.txt 文件

3.4 轮询数据

如果我们刷新页面想获得不同的内容 moco 如何实现呢？

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "moco 轮询数据",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": "/hello"
    5. 
  
  
  
  5.  },
    6. 
  
  
  
  6.  "response": {
    7. 
  
  
  
  7.   "cycle": [{
    8. 
  
  
  
  8.     "text": "hello 1"
    9. 
  
  
  
  9.    },
    10. 
  
  
  
  10.    {
    11. 
  
  
  
  11.     "text": "hello 2"
    12. 
  
  
  
  12.    },
    13. 
  
  
  
  13.    {
    14. 
  
  
  
  14.     "text": "hello 3"
    15. 
  
  
  
  15.    }
    16. 
  
  
  
  16.   ]
    17. 
  
  
  
  17.  }
    18. 
  
  
  
  18. 
  
  
  
  19. }]
    20.

访问 localhost:9999/hello 会依次得到如下内容

 
 
 
    
  
  
  
  1. hello 1
    2. 
  
  
  
  2. hello 2
    3. 
  
  
  
  3. hello 3
    4. 
  
  
  
  4. hello 1
    5. 
  
  
  
  5. hello 2
    6. 
  
  
  
  6. ...
    7.

3.5 重定向

有时候我们想重定向页面 moco 如何实现呢？

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "moco 重定向",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": "/hello"
    5. 
  
  
  
  5.  },
    6. 
  
  
  
  6.  "redirectTo": "https://hellogithub.com"
    7. 
  
  
  
  7. }]
    8.

访问 localhost:9999/hello 会自动重定向到 https://hellogithub.com

3.6 正则表达式

moco 还支持一些运算符，比如正则表达式。

 
 
 
    
  
  
  
  1. [{
    2. 
  
  
  
  2.  "description": "moco 正则表达式",
    3. 
  
  
  
  3.  "request": {
    4. 
  
  
  
  4.   "uri": {
    5. 
  
  
  
  5.    "match": "/hello/\\w*"
    6. 
  
  
  
  6.   }
    7. 
  
  
  
  7.  },
    8. 
  
  
  
  8.  "response": {
    9. 
  
  
  
  9.   "text": "Hello GitHub"
    10. 
  
  
  
  10.  }
    11. 
  
  
  
  11. }]
    12.

可以通过正则表达式匹配的链接访问，比如

 
 
 
    
  
  
  
  1. localhost:9999/hello/jarvan
    2. 
  
  
  
  2. localhost:9999/hello/bmft
    3.

3.7 使用模板

有的时候我们的返回参数依赖于请求参数（比如编码类型），这个时候我们就可以用 template 模板来实现，我们可以在模板中通过 req 来表示发送的请求 。

 
 
 
    
  
  
  
  1. {
    2. 
  
  
  
  2.     "description": "moco 使用模板",
    3. 
  
  
  
  3.     "request": {
    4. 
  
  
  
  4.         "uri": "/hello",
    5. 
  
  
  
  5.        "method": "post"
    6. 
  
  
  
  6.     },
    7. 
  
  
  
  7.     "response": {
    8. 
  
  
  
  8.         "text": {
    9. 
  
  
  
  9.             "template": "${req.method}"
    10. 
  
  
  
  10.         }
    11. 
  
  
  
  11.     }
    12. 
  
  
  
  12. }
    13.

返回的值是

 
 
 
    
  
  
  
  1. {
    2. 
  
  
  
  2.   "text": "post"
    3. 
  
  
  
  3. }
    4.

四、最后

看到这里，想必你已经了解开源项目 moco 的基本使用了，是不是觉得很有意思？这里给出一个小建议，如果想真正使用这个开源项目 moco，建议参考官方文档去「实践」，这是最快捷，最有效的使用开源项目的办法。「实践」就是巩固的最佳方法，希望你能在实践中体验设计程序的快乐！


当前题目：不用再等后端的接口啦！这个开源项目花2分钟就能模拟出后端接口
分享地址：http://cdbrznjsb.com/article/cdsjjdc.html

其他资讯

让你的专属顾问为你服务