支付宝小程序集成介绍

支付宝小程序 SDK 集成步骤如下：

步骤 1 注册环信账号

开发者需要在环信控制台 注册账号，创建应用，获取唯一 App Key，SDK 初始化时需要配置 App Key。

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

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

步骤 3 配置服务器域名

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

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

域名类型	具体域名
request 合法域名 uploadFile 合法域名 downloadFile 合法域名	- https://a1.easemob.com（国内 1 区） - https://a1-v2.easemob.com（国内 1 区） - https://a1-sgp.easemob.com （新加披1 区） - https://a61.easemob.com （新加坡 2 区） - https://a41.easemob.com （美东1 区） - https://a71.easemob.com （德国 2 区） - https://a1-chatfile.easemob.com （downloadFile）
socket 合法域名	wss://im-api-alipay.easemob.com/websocket

环信不同数据中心的 REST API 请求域名、WebSocket 访问域名：

数据中心	REST API 请求地址	WebSocket 访问域名
国内 1 区	https://a1.easemob.com	wss://im-api-alipay.easemob.com 或 wss://im-api-alipay.easecdn.com
国内 VIP 区	请咨询商务经理	请咨询商务经理
客服专用	请咨询商务经理	请咨询商务经理
新加坡 1 区	https://a1-sgp.easemob.com 或 https://a1-sgp.easecdn.com	wss://im-api-alipay-sgp.easemob.com 或 wss://im-api-alipay-sgp.easecdn.com
新加坡 2 区	https://a61.easemob.com 或 https://a61.easecdn.com	wss://im-api-alipay-61.easemob.com 或 wss://im-api-alipay-61.easecdn.com
美东 1 区	https://a41.easemob.com 或 https://a41.easecdn.com	wss://im-api-alipay-41.easemob.com 或 wss://im-api-alipay-41.easecdn.com
德国 2 区	https://a71.easemob.com 或 https://a71.easecdn.com	wss://im-api-alipay-71.easemob.com 或 wss://im-api-alipay-71.easecdn.com

应用所在数据中心可以在环信控制台的 应用概览 页面中查看：

提示

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

步骤 4 下载 SDK

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

• 通过官网 下载 SDK。
• 从环信的 GitHub 或 Gitee 仓库 中获取 SDK 中的文件。

步骤 5 引入 SDK

• 开始一个全新的项目
  1. 将下载的 SDK（src/sdk/）导入到自己的项目中。
  2. 引入 SDK：import EasemobChat from "../sdk/Easemob-chat-4.x.x.js";
• 基于 Demo 二次开发

将下载的代码导入开发者工具即可运行起来。调用示例如下：

//使用示例
import EasemobChat from "../sdk/Easemob-chat-4.x.x.js"; // 4.0 版本sdk

步骤 6 实例化 SDK

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

const WebIM = (wx.WebIM = EasemobChat);
WebIM.conn = new WebIM.connection({
  appKey: "your appKey",
  url: "wss://im-api-alipay.easemob.com/websocket", // socket server (3.0 SDK)
  apiUrl: "https://a1.easemob.com", // rest server
  useOwnUploadFun: false, // 是否使用自己的上传方式（如将图片文件等上传到自己的服务器，构建消息时只传 URL）
  isHttpDNS: false, // 在小程序上需设置为false
});

小程序端的基本功能和 Web 端一致，请参考 Web 端文档。