企业微信侧边栏 JS-SDK 封装及 TS 类型定义

## 前言

大家好，我是海怪。在过去几个月里，我陆续写了很多关于企业微信侧边栏的内容：

• 侧边栏开发指南
• 侧边栏 React 开发模板
• 侧边栏 Vue 开发模板
• 侧边栏服务端转发的 Express 实现

在这些文章中，我们介绍了侧边栏的基本概念、如何开发侧边栏应用以及如何使用侧边栏的 JS-SDK。但是，我们还没有对侧边栏的 JS-SDK 进行封装，也没有提供 TS 类型定义。这使得在开发侧边栏应用时，需要花费大量的时间和精力来处理 JS-SDK 的调用和类型检查。

为了解决这个问题，我最近对侧边栏的 JS-SDK 进行 了封装，并提供了 TS 类型定义。这使得在开发侧边栏应用时，可以更加方便地调用 JS-SDK 和进行类型检查。

封装后的 JS-SDK

封装后的 JS-SDK 位于 @seagull/weixin-sidebar 包中。你可以通过以下命令安装：

npm install @seagull/weixin-sidebar

安装完成后，你可以在你的项目中使用以下代码来导入 JS-SDK：

import { WeixinSidebar } from '@seagull/weixin-sidebar';

然后，你就可以使用 WeixinSidebar 对象来调用侧边栏的 JS-SDK 了。例如：

const sidebar = new WeixinSidebar({
  corpId: '你的企业 ID',
  agentId: '你的应用 ID',
});

sidebar.open({
  url: '你的侧边栏应用的 URL',
});

TS 类型定义

除了封装 JS-SDK 之外，我还提供了 TS 类型定义。你可以通过以下命令安装：

npm install @types/weixin-sidebar

安装完成后，你可以在你的项目中使用以下代码来导入 TS 类型定义：

import { WeixinSidebar } from '@types/weixin-sidebar';

然后，你就可以使用 WeixinSidebar 类型来进行类型检查了。例如：

const sidebar: WeixinSidebar = new WeixinSidebar({
  corpId: '你的企业 ID',
  agentId: '你的应用 ID',
});

sidebar.open({
  url: '你的侧边栏应用的 URL',
});

结语

我希望这个封装后的 JS-SDK 和 TS 类型定义能够帮助你更方便地开发侧边栏应用。如果你有任何问题或建议，欢迎随时联系我。

## 结语

我希望这个封装后的 JS-SDK 和 TS 类型定义能够帮助你更方便地开发侧边栏应用。如果你有任何问题或建议，欢迎随时联系我。