简介
vertical-client 是一个用来与 Vertical Data API 交互的 JavaScript 客户端库，支持使用 Promise 或 callback 进行异步请求，同时也包含了使用 WebSocket 实时订阅数据的功能。
本文将详细介绍如何安装和使用 vertical-client，以及如何进行 API 的请求和 WebSocket 订阅。
安装
可以使用 npm 进行安装：
npm install vertical-client
也可以在 HTML 中引入 dist/vertical-client.min.js：
<script src="vertical-client.min.js"></script>
使用
首先，需要创建一个 VerticalClient 的实例并传入 API 的 URL：
const client = new VerticalClient('http://api.vertical.com');接下来，就可以使用 client 对象来向 API 发送请求或者创建 WebSocket 订阅了。
请求 API
使用 client.request() 方法可以向 API 发送任意的请求。例如，以下代码将请求 /users 的数据：
client.request('/users')
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});也可以使用 callback 的方式进行请求：
client.request('/users', (error, data) => {
if (error) {
console.error(error);
} else {
console.log(data);
}
});如果需要传递参数，可以将它们作为请求的第二个参数：
client.request('/users', { limit: 10, offset: 20 })
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});默认情况下，请求会使用 GET 方法，但也可以使用其他的 HTTP 方法，例如 POST、PUT、DELETE 等：
client.request('/users', { name: 'John Doe' }, 'POST')
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});使用 WebSocket
使用 client.subscribe() 方法可以创建 WebSocket 订阅。例如，以下代码将订阅 /data 的实时数据：
const subscription = client.subscribe('/data', data => {
console.log(data);
});由于 WebSocket 是一种双向通信的协议，因此也可以使用 subscription.send() 方法向服务端发送数据：
subscription.send({ type: 'message', text: 'Hello, World!' });或者使用 subscription.close() 方法关闭 WebSocket 订阅：
subscription.close();
总结
本文介绍了如何使用 vertical-client 进行 API 请求和 WebSocket 订阅。通过了解本文的内容，开发者们可以轻松地使用 vertical-client 来与 Vertical Data API 进行交互，同时也能够深入地了解 API 的使用和 WebSocket 协议的运作方式。这些知识点对于前端开发来说是非常重要的，也能够为开发者们提供有效的指导和学习意义。
示例代码
-- -------------------- ---- -------
------ -------------- ---- ------------------
----- ------ - --- ------------------------------------------
-- -------
------------------------ - ------ --- ------- -- --
---------- -- -
------------------
--
------------ -- -
---------------------
---
-- -------------
----- ------------ - ------------------------- ---- -- -
------------------
---
-- ----
------------------- ----- ---------- ----- ------- ------- ---
-- ----
---------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005589581e8991b448d5d70