支付宝小程序集成介绍

大约 2 分钟

支付宝小程序集成介绍

注册环信账号

开发者需要在环信管理后台 注册并创建应用,来获取唯一 App Key,SDK 初始化时需要配置 App Key。

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

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

配置服务器域名

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

登录 支付宝开放平台open in new window, 配置 私有化服务器域名

集成 SDK

下载 SDK

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

引入 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

实例化 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 端文档

上次编辑于: