百度小程序集成介绍

大约 2 分钟

百度小程序集成介绍

注册环信账号

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

搭建百度小程序开发环境

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

配置服务器域名

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

登录 百度智能小程序官网open in new window,在开发设置页面配置以下服务器域名。

域名类型具体域名
request 合法域名https://a1.easemob.com
https://a2.easemob.com
https://a3.easemob.com
https://a4.easemob.com
https://a5.easemob.com
https://rs.chat.agora.io
https://rs.easemob.com
socket 合法域名wss://im-api-wechat.easemob.com

为满足不同客户的业务需求,环信在多地部署了数据中心。不同数据中心的 REST API 请求域名、WebSocket 访问域名不同。请根据您所在数据中心进行配置。

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

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

img

说明

百度小程序注册主体不能为个人,必须为企业、媒体、政府等。

集成 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,并挂载在全局对象下。

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

小程序端的基本功能和 Web 端一致,请参考 [Web 端文档](/document/web/integration.html)
上次编辑于: