Vue接口简介（Web Service和HTTP）

在进行 Vue 的数据请求操作之前，还需要解决几个非常重要的问题。例如，什么是接口，项目开发中接口的类型主要有哪些？

什么是接口

想要知道什么是接口，我们需要先明确一个专业术语——API（Application Programming Interface，应用程序编程接口），它是一些预先定义的函数，目的是提供应用程序与开发人员访问一组例程的能力，而其又无须访问源码，或理解内部工作机制的细节。

也就是说，开发人员可以使用 API 进行编程开发，而又无须访问源码或理解内部工作机制的细节。

前面简单介绍了客户端与服务器端，也就是我们普遍认知中的前端与后端，它们之间存在一定的交互衔接，但前端是否需要详细了解后端的编码内容呢？同样地，后端是否需要清楚前端的源码详情呢？

这两个问题的答案都是否定的。因为前后端之间更多的是要实现数据之间的交互，所以在前后端之间，甚至外部系统与内部系统之间，或者内部系统的各个子系统之间，就产生了类似于 API 形式的数据接口交互使用。

也就是说，数据接口就是将各个系统或层次之间的交互点，通过一些特殊的规则（或者将规则称为协议）进行数据之间的交互，这也是数据接口的应用需求。

接口的类型有哪些

前后端交互常见的数据接口有 Web Service 接口和 HTTP 接口，下面分别进行介绍。

1) Web Service接口

Web Service 也称为 Web 服务，是一种跨程序语言和操作系统平台的远程调用技术。

Web Service 接口采用标准的 SOAP（Simple Object Access Protocol，简单对象访问协议）传输。SOAP 协议属于 W3C 标准，是基于 HTTP 的应用层协议传输 XML 数据的。

Web Service 接口采用 WSDL（Web Services Description Language，万维网服务描述语言，用于描述 Web 服务发布的 XML 格式）作为描述语言。

也就是说，WSDL 是 Web Service 接口的使用说明书，并且 W3C 为 Web Service 制定了一套传输类型，使用 XML 进行描述，即 XSD（XML Schema Definition，XML 模式定义）。

任何语言编写的 Web Service 接口在发送数据时，都要转换成 Web Service 标准的 XSD 发送。不过鉴于 XML 文件格式在进行数据交换时会受大小与性能的影响，现在项目中使用 Web Service 接口的场景已经变得越来越少。

2) HTTP接口

想知道什么是 HTTP 接口，需要先明确 HTTP 协议的相关知识。

HTTP 协议建立在 TCP 协议之上，当浏览器需要从服务器端获取网页数据时，就会发送一次 HTTP 请求。HTTP 协议会通过 TCP 协议建立起一个到服务器端的连接通道，当本次请求需要的数据发送完毕后，HTTP 协议会立即将 TCP 协议连接断开，因为这个过程很短，所以 HTTP 连接不仅是一种无状态的连接还是一种短连接。

HTTP 协议有很多特点，主要分为以下 4 个：

• 支持客户/服务器模式；
• 简单快速：客户端向服务器请求服务时，只需传送请求方式和路径即可。请求方式常用的有 GET、POST 等，每种方式规定了客户端与服务器联系的类型。HTTP 协议简单，使得 HTTP 服务器的程序规模小，因而通信速度很快；
• 灵活：HTTP 协议允许传输任意类型的数据对象，而传输的类型由 Content-Type 加以标记；
• 无状态：HTTP 是无状态协议。无状态是指协议对于事务处理没有记忆能力。

HTTP 接口采用 HTTP 协议传输。也就是说，HTTP 协议拥有的特点在 HTTP 接口中都会有所体现。其中最重要的是，HTTP 接口是通过路径来区分调用方式的，请求报文都是 key-value 形式的，返回报文一般是 JSON 串，相比 Web Service 接口中的 SOAP 协议返回较重的 XML 数据形式，JSON 串则更轻，因此在现在的项目开发中，绝大多数项目应用了 HTTP 接口形式，使用的请求方式是 HTTP 协议中的 GET、POST 等。