不用再等后端的接口啦！这个开源项目花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.

  • moco-runner-1.1.0-standalone.jar：运行程序的路径（刚刚下载的包的路径）

  • http：选择服务类型（有 http、https、socket）

  • -p 9999：设置服务端口 9999

  • -c hello.json：设置配置文件路径（刚刚新建的配置文件）

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.
  • json 文件的最层是一个 [] 数组，里面可以封装多个 API（示例只有一个 API）
  • 因为 json 配置文件不支持注释，所以这个 API 的注释你可以写到 description 里面
  • request 可以包含请求的所有内容
  • response 可以包含返回的所有内容

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.
  • method ：请求方法
  • headers ：请求头
  • cookies ：请求 Cookies
  • json ：请求体的一种类型（还有 froms 表单等类型）
 
 
 
    
  
  
  
  1. response
    2. 
  
  
  
  2. headers
    3. 
  
  
  
  3. json
    4. 
  
  
  
  4. cookies
    5.
  • latency 模拟服务器卡顿（因为模拟的后端 API 返回数据几乎是瞬间的，这里我们让其卡顿 2 秒）

测试

这里我们使用 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://www.shufengxianlan.com/qtweb/news13/296313.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站收录知识

分类信息网站

成都网站推广　　 　达州托管服务器　　 　眉山电信机房　　 　校园网站建设方案　　 　云主机　　 　响应式网站设计　　 　网站报价方案　　 　成都做网站建设公司　　 　网站seo　　 　网络营销推广　　 　成都全网营销推广　　 　资阳服务器托管　　 　成都网站维护　　 　四川电信高防服务器托管　　 　全网营销推广　　 　宏昇商务服务　　 　搜索引擎优化　　 　品牌网站建设　　 　重庆建站　　 　营销网站建设