一个简单的使用restc demo
最近不经意间看到饿了么团队开发的restc,接口调试工具(类似postman),其实调试接口都没用过工具,每次都只是运行起项目直接调接口。闲来无事,看到restc,就决定试试,后面觉得挺不错的,就分享一下。
第一步:搭建小框架
打开终端执行命令:
- mkdir restc-demo
- cd restc-demo
- 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 运行项目就可以了
一个简单的使用restc demo的更多相关文章
- 一个简单的webservice的demo(下)winform异步调用webservice
绕了一大圈,又开始接触winform的项目来了,虽然很小吧.写一个winform的异步调用webservice的demo,还是简单的. 一个简单的Webservice的demo,简单模拟服务 一个简单 ...
- 一个简单的Webservice的demo(中)_前端页面调用
首先新建项目,这里有两种调用方式,为了能方便理解,新建页面WebserviceTest如下图: 先引用写好的服务,这里用上次写好的服务.见上次写的一个简单的Webservice的demo,简单模拟服务 ...
- 一个简单的Webservice的demo,简单模拟服务
前段时间一直在学习WCF,匆匆忙忙的把<WCF全面解析>和<WCF服务编程>看了一遍,好多东西都不是很懂,又听了一下WCF分布式开发的网络教程,算是马马虎虎的明白点了.回顾了一 ...
- 用idea搭建一个简单的SSM的Demo
1.新建一个maven web app项目 结构如下 resources的资源文件如下 applicationContext.xml 的配置 <?xml version="1.0&q ...
- 一个简单的servlet的demo
javaweb 的应用我们需要参考javaee api 查找servlet接口 javax.servletInterface Servlet All Known Subinterfaces: Ht ...
- 一个简单的Socket通信Demo
服务器端Demo: Server.java(服务器端运行主程序,直接运行): package cn.wjs; import java.net.InetAddress; import java.net. ...
- 一个简单的时间轴demo
一个时间轴的组成 使用一个块级元素包裹内容,并未块级元素设置边框 定义圆形或者菱形等元素标签,子元素设置偏移或者定位元素将图标定位到边框上 使其中的内容不溢出,自动换行,内容自动撑高 英文自动换行:w ...
- axis2与eclipse的整合:开始一个简单的axis2 的demo
1.下载axis2,现在axis2最新版本是axis2-1.6.2,下载地址:http://axis.apache.org/axis2/java/core/download.cgi 2.下载好的zip ...
- IDEA插件开发(一)一个简单的表单demo
随机推荐
- 图解IntelliJ IDEA 13版本对Android SQLite数据库的支持
IntelliJ IDEA 13版本的重要构建之一是支持Android程序开发.当然对Android SQLite数据库的支持也就成为了Android开发者对IntelliJ IDEA 13版本的绝对 ...
- JavaScript中对数组的操作
原文:JavaScript中对数组的操作 一:数组的使用 1.定义:JavaScript中对数组的定义有两种形式.如: .var arr = [12,3,5,8]; .var arr = new Ar ...
- SaaS模式和实现思路
EFW框架开发的系统支持SaaS模式和实现思路 回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.3:http://pan.baidu.com/s/1c0dAD ...
- Office文档在线编辑的实现之一
因为项目的关系,研究了一下Office的在线编辑功能,写出来共享一下. Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav ...
- 转载:21个免费的UI界面设计工具、资源及网站
我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产 ...
- ASP.NET MVC之单元测试
ASP.NET MVC之单元测试分分钟的事2014-07-15 13:05 by 书洞里的猫, 550 阅读, 4 评论, 收藏, 编辑 一.为什么要进行单元测试? 大部分开发者都有个习惯(包括本人在 ...
- ExtJs之表格控件入门
extjs的表格功能非常强大,包括了排序,缓存,拖动,隐藏某一列,自动显示行号,列汇总,单元格编辑等实用功能.表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid ...
- 用Haproxy给MySQL做负载均衡
1.安装 # wget http://haproxy.1wt.eu/download/1.4/src/haproxy-1.4.24.tar.gz # tar zcvf haproxy-1.4.24.t ...
- D8
=-=昨天被老师拉去吃点心了就没有发题解...忧伤..昨天的T2貌似都没有调完嗯 今天脑洞是大啊.. T1模拟写挂..呵呵我一面 T2数学题..刚开始只会求素数表的那种方法暴力..不过后面他们都知道一 ...
- Nvelocity模板引擎开发网页
在ASP.NET网站开发中,我们要做许多的网页,如果多个网页的内容框架有些重复使用,我们用NVelocity模板引擎,就可以把相同的部分html代码单独放在一个文件中就行了,当要使用的时候,只需使用# ...