接口

98 阅读2分钟

一、简介

1.1 接口是什么

接口是 前后端通信的桥梁

简单理解:一个接口就是 服务中的一个路由规则 ,根据请求响应结果

接口的英文单词是 API (Application Program Interface),所以有时也称之为 API 接口

这里的接口指的是『数据接口』, 与编程语言(Java,Go 等)中的接口语法不同

1.2 接口的作用

实现 前后端通信

image.png

1.3 接口的开发与调用

大多数接口都是由 后端工程师 开发的, 开发语言不限

一般情况下接口都是由 前端工程师 调用的,但有时 后端工程师也会调用接口 ,比如短信接口,支付接口

1.4 接口的组成

一个接口一般由如下几个部分组成

请求方法

接口地址(URL)

请求参数

响应结果

一个接口示例 www.free-api.com/doc/325

image.png

体验一下:api.asilu.com/idcard/?id=…

二、RESTful API

RESTful API 是一种特殊风格的接口,主要特点有如下几个:

URL 中的路径表示 资源 ,路径中不能有 动词 ,例如 create , delete , update 等这些都不能有

操作资源要与 HTTP 请求方法 对应

操作结果要与 HTTP 响应状态码 对应

规则示例:

image.png

扩展阅读:www.ruanyifeng.com/blog/2014/0…

三、json-server

json-server 本身是一个 JS 编写的工具包,可以快速搭建 RESTful API 服务

官方地址: github.com/typicode/js…

操作步骤:

  1. 全局安装 json-server
npm i -g json-server
  1. 创建 JSON 文件(db.json),编写基本结构
{

"song": [

{ "id": 1, "name": "干杯", "singer": "五月天" },

{ "id": 2, "name": "当", "singer": "动力火车" },

{ "id": 3, "name": "不能说的秘密", "singer": "周杰伦" }

]

}
  1. 以 JSON 文件所在文件夹作为工作目录 ,执行如下命令
json-server --watch db.json

默认监听端口为 3000

四、接口测试工具

介绍几个接口测试工具

apipost www.apipost.cn/ (中文)

apifox www.apifox.cn/ (中文)

postman www.postman.com/ (英文)