最近不经意间看到饿了么团队开发的restc,接口调试工具(类似postman),其实调试接口都没用过工具,每次都只是运行起项目直接调接口。闲来无事,看到restc,就决定试试,后面觉得挺不错的,就分享一下。

第一步:搭建小框架

打开终端执行命令:

  1. mkdir restc-demo
  2. cd restc-demo
  3. npm init -y

这样一个小小的框架就出来了。

第二步:新建json文件

在项目的根目录下新建两个json文件,用来模拟后台接口;

接口返回结果类似:

[ { "activities":[ { "description": "在线支付满25减11,满50减15,满75减201233333444", "icon_color": "f07373323323", "icon_name": "减23455", "id": 15356977234, "name": "满减优惠123" } ] } ]

第三步:修改package.json文件

这个文件在我们npm init的时候已经生成

这时我们直接在这里添加好我们需要用到的包,然后npm install 一下就会自动安装这里面的包了;

{ "name": "restc-demo", "version": "1.0.0", "description": "An example to demostrate how to use restc in koa 1.x.", "main": "index.js", "keywords": [], "author": "summer", "license": "ISC", "dependencies": { "koa": "^1.2.4", "koa-static": "^2.0.0", "restc": "0.0.4" } }

第四步:安装 mount

一般我们的项目都比较大,在这种情况下我们是不希望我们页面也变成像接口请求一样,我们肯定希望页面正常显示,只是我们在输入接口的时候跳到我们引入的restc UI进行查看接口状态,这时我们就需要用到 koa-mount模块来挂载。

执行命令:npm install koa-mount

第五步:编辑index.js文件

代码如下:

const mount = require('koa-mount'); //引入挂载模块

const serve = require('koa-static'); //静态服务器,访问我们新建好的json模拟文件

const koa = require('koa');

const restc = require('restc'); //引入调试接口模块

// for express

// app.use(restc.express());

// for koa

var a = koa();

a.use(restc.koa());

a.use(serve('.'));

// ...and koa2

// app.use(restc.koa2());

var b = koa();

b.use(function *(next) { yield next; this.body = { message: 'Hello world!'}; });

var app = koa();

app.use(mount('/hello', a)); // 运行时访问 localhost:3000/hello/test1.json 就能访问到我们新建的json文件

app.use(mount('/world', b)); //运行时访问 localhost:3000/world 就能看到上面的 Hello world 页面

app.listen(3000);}

最后 node index.js 运行项目就可以了

来源:https://elemefe.github.io/restc/guide/###

一个简单的使用restc demo的更多相关文章

  1. 一个简单的webservice的demo(下)winform异步调用webservice

    绕了一大圈,又开始接触winform的项目来了,虽然很小吧.写一个winform的异步调用webservice的demo,还是简单的. 一个简单的Webservice的demo,简单模拟服务 一个简单 ...

  2. 一个简单的Webservice的demo(中)_前端页面调用

    首先新建项目,这里有两种调用方式,为了能方便理解,新建页面WebserviceTest如下图: 先引用写好的服务,这里用上次写好的服务.见上次写的一个简单的Webservice的demo,简单模拟服务 ...

  3. 一个简单的Webservice的demo,简单模拟服务

    前段时间一直在学习WCF,匆匆忙忙的把<WCF全面解析>和<WCF服务编程>看了一遍,好多东西都不是很懂,又听了一下WCF分布式开发的网络教程,算是马马虎虎的明白点了.回顾了一 ...

  4. 用idea搭建一个简单的SSM的Demo

    1.新建一个maven  web app项目 结构如下 resources的资源文件如下 applicationContext.xml 的配置 <?xml version="1.0&q ...

  5. 一个简单的servlet的demo

    javaweb  的应用我们需要参考javaee  api 查找servlet接口 javax.servletInterface Servlet All Known Subinterfaces: Ht ...

  6. 一个简单的Socket通信Demo

    服务器端Demo: Server.java(服务器端运行主程序,直接运行): package cn.wjs; import java.net.InetAddress; import java.net. ...

  7. 一个简单的时间轴demo

    一个时间轴的组成 使用一个块级元素包裹内容,并未块级元素设置边框 定义圆形或者菱形等元素标签,子元素设置偏移或者定位元素将图标定位到边框上 使其中的内容不溢出,自动换行,内容自动撑高 英文自动换行:w ...

  8. axis2与eclipse的整合:开始一个简单的axis2 的demo

    1.下载axis2,现在axis2最新版本是axis2-1.6.2,下载地址:http://axis.apache.org/axis2/java/core/download.cgi 2.下载好的zip ...

  9. IDEA插件开发(一)一个简单的表单demo

随机推荐

  1. 基于Jcrop的图片上传裁剪加预览

    最近自己没事的时候研究了下图片上传,发现之前写的是有bug的,这里自己重新写了一个! 1.页面结构 <!DOCTYPE html> <html lang="en" ...

  2. wsgi-restful-routes具体解释:

    感谢朋友支持本博客,欢迎共同探讨交流,因为能力和时间有限,错误之处在所难免,欢迎指正! 如有转载,请保留源作者博客信息. Better Me的博客:blog.csdn.net/tantexian 如需 ...

  3. Windows环境搭建Web自动化测试框架Watir

    Windows环境搭建Web自动化测试框架Watir 一.前言     Web自动化测试一直是一个比较迫切的问题,对于现在web开发的敏捷开发,却没有相对应的敏捷测试,故开此主题,一边研究,一边将We ...

  4. jquery插件推荐

    jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是—写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的, ...

  5. knockout同时绑定多个实体demo

    1.我们会遇到一种情景:一个页面实现复杂的功能时,我们往往会使用部分页(.netmvc中的@renderaction,java中ajax请求jsp页面). 如果子页面也使用knockout绑定数据会不 ...

  6. UML和绘图工具Visio介绍

    UML系列01之 UML和绘图工具Visio介绍 概要 UML,全称是Unified Modeling Language,中文是"统一建模语言".通俗点说,UML是一种创建模型的语 ...

  7. linux下监控进程需掌握的四个命令

    linux下监控进程需掌握的四个命令   在LInux系统下,最困难的工作之一就是跟踪正在系统中运行的程序,尤其是现在,图形桌面使用很多的程序,只是为了生成一个桌面环境,系统中运行了太多的进程,幸运的 ...

  8. boke

    云/n 计算/v 代表/n IT/x 领域/n 向/p 集约化/v ./w 规模化/v 与/c 专业化/v 道路/n 发展/v 的/u 趋势/n ,/w 是/v IT/x 领域/n 正在/d 发生/v ...

  9. SHELL编程笔记(二)之shell流程控制

    Shell控制流程结构 本章内容有:   退出状态   While.for和until loops循环   If then else语句   脚本中动作   菜单 条件控制语句 If then els ...

  10. ELF二进制目标文件详解

    以下内容为<<linux内核编程>>笔记 链接程序 找出所有引用的外部模块并链接起来,这些外部模块或函数库一般来自于开发者,操作系统和C运行库. 链接程序取出这些函数库,修订指 ...