支付宝小程序集成介绍

大约 2 分钟

支付宝小程序集成介绍

注册声网账号

开发者需要在声网控制台open in new window注册账号、创建项目、获取唯一 App ID，SDK 初始化时需要配置 App ID。

搭建支付宝小程序开发环境

首先需要下载并安装 开发者工具open in new window，然后按照支付宝小程序的 接入流程open in new window 一步步创建一个小程序。

配置服务器域名

小程序在发布前，需要配置合法域名。

登录 支付宝开放平台open in new window, 配置以下服务器域名。

提示

request 合法域名：

  1. https://c1.chat.rtnsvc.com
  2. https://c1.chat.realtimemesh.com
  3. https://rs.chat.rtnsvc.com
  4. https://rs.chat.realtimemesh.com

提示

socket 合法域名： wss://im-api-alipay-c1.chat.rtnsvc.com/websocket wss://im-api-alipay-c1.chat.realtimemesh.com/websocket

提示

uploadFile, downloadFile 合法域名：

  1. https://c1.chat.rtnsvc.com
  2. https://c1.chat.realtimemesh.com
  3. https://c1-chatfile.chat.rtnsvc.com

说明

支付宝小程序：支付宝小程序在一段时间内只能保留一个 WebSocket 连接，如果当前已存在 WebSocket 连接，那么会自动关闭该连接，并重新创建一个新的 WebSocket 连接。

集成 SDK

下载 SDK

可以通过以下两种方式获取 SDK：

sdk 文件为 miniProgram 文件夹下的 Shengwang-chat.js。

引入 SDK

  • 开始一个全新的项目。
    1. 将下载的 SDK 导入到自己的项目中。
    2. 引入 SDK：import ChatSDK from "./Shengwang-chat";

将下载的代码导入开发者工具即可运行起来。

调用示例

//使用示例
import ChatSDK from "./Shengwang-chat";

实例调用方式

实例化 SDK，并挂载在全局对象下。

//实例化 SDK 对象
const chatClient = new ChatSDK.connection({
  appId: "your appId",
});

IM 基本功能和 Web 端一致，请参考 Web 端文档。

上次编辑于: