Asia Data

将 Ably 添加到您现有的 Netlify 应用中
Ably 提供了一个 JavaScript SDK（带有 TypeScript 类型），因此您只需在应用程序中添加几行代码即可开始使用：

1.添加 JavaScript SDK
您需要在应用程序中的两个位置使用 Ably JavaScript SDK - 在客户端应用程序中，以及在下一步中创建的 Netlify无服务器函数中。（Netlify 支持许多不同的前端框架和工具，因此您可能需要针对堆栈调整以下内容）。要将 Ably-JS 包安装为依赖项，请运行：

添加 Netlify Serverless 函数来管理 Ably API 密钥
为了保密您的 Ably API 密钥，防止其被滥用，您需要添加 Netlify 函数来支持令牌身份验证。客户端 Ably SDK 实例将调用此函数来获取临时的、短暂的令牌，该令牌将返回给浏览器并用于验证与 Ably 的连接。

首先，在 Netlify 中创建一个名为的新环境变量ABLY_API_KEY，并将您的新 Ably API 密钥作为值赋给它。

接下来，创建一个新函数来读取该 开曼 Whatsapp 数据 变量并调用 Ably SDK。默认情况下，Netlify 期望在以下位置找到函数

如果有必要，可以覆盖此默认位置，因此请根据现有解决方案进行适当调整。

为该函数创建一个名为的新目录，在此目录中，创建两个新文件：
这是一个具有一些依赖项的基本 NPM 包定义 类型定义包 类型包、TypeScript 包、Ably SDK 包，以及dotenv在开发期间加载环境变量的包。

调用此函数时，它会从 Netlify 环境变量加载您的 API 密钥，并使用 Ably SDK 为您的应用程序创建一个临时令牌。客户端 SDK 负责在长期会话期间刷新此令牌。

根据应用程序的构建方式，您对 Ably 的使用方式会有所不同。下面是一个原始的 TypeScript 示例，它使用 Ably 创建 SDK 的新身份验证实例，然后订阅并发布消息：
值得注意的是，在实例化 实例时，我们提供了一个指向我们在上一步中创建的 Netlify 函数的 AuthUrl 参数。这就是您需要做的全部工作，以确保您安全地使用 Ably 进行身份验证。