[TOC]
搭建restful API很简单,引入**cors中间件**即可,不需要设置请求头为**Access-Control-Allow-Origin**,这个中间件会自动帮我们设置。
# 演示代码
```javascript
const Koa = require('koa');
const logger = require('koa-logger');
const Router = require('koa-router');
const cors = require('@koa/cors');
const app = new Koa();
//记录日志
app.use(logger());
//支持跨域请求
app.use(cors());
// 主页
let routerHome = new Router();
routerHome.get('/', async (ctx, next) => {
ctx.body = '欢迎欢迎!';
})
// restful api
let routerRest = new Router();
routerRest.get('/resource', async (ctx, next) => {
ctx.body = {
errno: 0,
errmsg: 'GET API执行成功',
data: '返回的数据'
};
}).post('/resource', async (ctx, next) => {
ctx.body = {
errno: 0,
errmsg: 'POST API执行成功',
data: '返回的数据'
};
})
// 装载所有路由
let router = new Router();
router.use('/', routerHome.routes(), routerHome.allowedMethods());
router.use('/restful', routerRest.routes(), routerRest.allowedMethods());
app.use(router.routes(), router.allowedMethods());
//监听3000端口
app.listen(3000, () => {
console.log('server is running at http://localhost:3000')
});
```
# 测试
> 使用curl命令测试RESTful API
## GET请求
```
$curl http://localhost:3000/restful/resource
```
## POST请求
```
$curl http://localhost:3000/restful/resource -X POST -H "Content-Type:application/json" -d '{"a":"abc","b":101}'
```
> 可以在浏览器中装一个RESTful插件发送请求测试
![](https://box.kancloud.cn/4798a2ee4a77d38b67d7bb54eaeb56d4_1110x564.png)
# 使用curl命令测试RESTful API
Representational State Transfer,简称REST 是一种全新的软件架构风格、设计风格(特别在http web服务领域)。
curl是利用URL语法在命令行方式下工作的开源文件传输工具。它被广泛应用在Unix、多种Linux发行版中。
**curl基本语法**
```
curl [option] [url]
```
可选的option有很多,可通过 curl --help 查看,重点介绍下几个常用的选项。
-X 或者 --request 指定请求方式,如GET 、POST 、PUT 、DELETE 、HEAD 等七种方式
-i 或者 --include 显示服务器response 响应头部信息
-v 或者 --verbose 显示详细(冗长)信息
-H 或者 --header 指定http 请求头 ,如 -H "Content-Type:application/json"
-d 或者 --data 指定请求体body参数 , 如有多个参数可以用&隔开或者使用多个-d 选项。 如 -d "a=abc&b=110&c=true" (指定三个参数)或 -d a=abc -d b=110 -d c=true 亦可。
-F 或者 --form 指定multipart Form 请求体,如文件域参数,或者普通表单域参数。
-u 或者 --user 指定用户名:密码
-C 或者 --continue-at offset 用于断点续传。
-c 或者 --cookie-jar 请求返回回写cookie到指定文件中
-D 或者 --dump-header 请求返回回写response header信息到指定文件中
-b 或者 --cookie 请求时携带上cookie,指定本地cookie所在文件
-x 或者 --proxy 指定 http代理服务器ip:port
-O 请求Url 并保存到本地
-o 请求Url并保存到指定文件
1、直接请求
curl http://www.tingcream.com #默认 使用get 请求方式,content-type为form-unlencoded
curl -i http://www.tingcream.com # -i 显示response head信息
2 、下载url资源(文件、图片)到本地
下载图片到本地,图片名称为服务器默认确定的名称
```
$ curl -O http://www.tingcream.com/imgSev/tcblog/image/20180320/20180320235916.522_127.png
```
下载图片到本地并指定文件名称
```
$curl -o 127.png http://www.tingcream.com/imgSev/tcblog/image/20180320/20180320235916.522_127.png
```
3 、请求时指定请求方式
```
$curl www.tingcream.com -X POST
```
> -X POST或者 -X post ,-X PUT 或者 -X put # 使用post、put方式请求服务
4 、使用查询字符串传参(get)
```
curl http://xxx.com?username=zhangsan&pwd=123
```
5 、使用post body传参数
```
curl -v http://xxxx.com -X POST -d username=zhangsan -d password=123456
```
或者
```
curl -v http://xxxx.com -X POST -d 'username=zhangsan&password=123456'
```
6 、使用multipart Form 传参(文件上传)
curl http://xxx.com -X POST -F "myFile=@/usr/local/aaa.txt" (文件参数) -F "username=zhangsan" (普通文本参数)
7、cookie的回写与使用
curl -c ~/cookie.txt http://xxx.com #请求回写cookie到本地文件
curl -b ~/cookie.txt http://xxx.com #再次请求,携带上cookie (sesisonId)
8、使用http 代理服务器访问url
curl -x proxyIP:proxyPort http://xxx.com
9 、使用-C 进行断点续传
11 、restFull API 使用Post JSON
```
$curl http://xxx.com -X POST -H "Content-Type:application/json" -d '{"a":"abc","b":101}'
```
- 内容介绍
- EcmaScript基础
- 快速入门
- 常量与变量
- 字符串
- 函数的基本概念
- 条件判断
- 数组
- 循环
- while循环
- for循环
- 函数基础
- 对象
- 对象的方法
- 函数
- 变量作用域
- 箭头函数
- 闭包
- 高阶函数
- map/reduce
- filter
- sort
- Promise
- 基本对象
- Arguments 对象
- 剩余参数
- Map和Set
- Json基础
- RegExp
- Date
- async
- callback
- promise基础
- promise-api
- promise链
- async-await
- 项目实践
- 标签系统
- 远程API请求
- 面向对象编程
- 创建对象
- 原型继承
- 项目实践
- Classes
- 构造函数
- extends
- static
- 项目实践
- 模块
- import
- export
- 项目实践
- 第三方扩展库
- immutable
- Vue快速入门
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入门
- 模板语法
- 计算属性和侦听器
- Class 与 Style 绑定
- 条件渲染
- 列表渲染
- 事件处理
- 表单输入绑定
- 组件基础
- 组件注册
- Prop
- 自定义事件
- 插槽
- 混入
- 过滤器
- 项目实践
- 标签编辑
- 移动客户端开发
- uni-app基础
- 快速入门程序
- 单页程序
- 底部Tab导航
- Vue语法基础
- 模版语法
- 计算属性与侦听器
- Class与Style绑定
- 样式与布局
- Box模型
- Flex布局
- 内置指令
- 基本指令
- v-model与表单
- 条件渲染指令
- 列表渲染指令v-for
- 事件与自定义属性
- 生命周期
- 项目实践
- 学生实验
- 贝店商品列表
- 加载更多数据
- 详情页面
- 自定义组件
- 内置组件
- 表单组件
- 技术专题
- 状态管理vuex
- Flyio
- Mockjs
- SCSS
- 条件编译
- 常用功能实现
- 上拉加载更多数据
- 数据加载综合案例
- Teaset UI组件库
- Teaset设计
- Teaset使用基础
- ts-tag
- ts-badge
- ts-button
- ta-banner
- ts-list
- ts-icon
- ts-load-more
- ts-segmented-control
- 代码模版
- 项目实践
- 标签组件
- 失物招领客户端原型
- 发布页面
- 检索页面
- 详情页面
- 服务端开发技术
- 服务端开发环境配置
- Koajs快速入门
- 快速入门
- 常用Koa中间件介绍
- 文件上传
- RestfulApi
- 一个复杂的RESTful例子
- 使用Mockjs生成模拟数据
- Thinkjs快速入门
- MVC模式
- Thinkjs介绍
- 快速入门
- RESTful服务
- RBAC案例
- 关联模型
- 应用开发框架
- 服务端开发
- PC端管理界面开发
- 移动端开发
- 项目实践
- 失物招领项目
- 移动客户端UI设计
- 服务端设计
- 数据库设计
- Event(事件)
- 客户端设计
- 事件列表页面
- 发布页面
- 事件详情页面
- API设计
- image
- event
- 微信公众号开发
- ui设计规范