上云无忧 > 文档中心 > 环信IM即时通讯 - 微信小程序集成介绍
IM即时通讯
环信IM即时通讯 - 微信小程序集成介绍

文档简介:
注册环信账号: 开发者需要在环信管理后台 注册并创建应用,来获取唯一 appKey,SDK 初始化时需要配置 appKey。 搭建微信小程序开发环境: 首先需要下载并安装 开发者工具 (opens new window),然后按照微信小程序的 接入流程 (opens new window)一步步创建一个小程序
*此产品及展示信息均由环信官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

注册环信账号

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

搭建微信小程序开发环境

首先需要下载并安装 开发者工具 (opens new window),然后按照微信小程序的 接入流程 (opens new window)一步步创建一个小程序

配置服务器域名

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

登录微信公众平台 (opens new window), 在开发设置页面配置以下服务器域名。

提示

request合法域名:

  1. https://a1.easemob.com
  2. https://a2.easemob.com
  3. https://a3.easemob.com
  4. https://a4.easemob.com
  5. https://a5.easemob.com
  6. https://a1-chatfile.easemob.com

提示

socket合法域名:

  1. wss://im-api.easemob.com(2.0 IM SDK)
  2. wss://im-api-wechat.easemob.com(3.0 IM SDK)

提示

uploadFile合法域名: https://a1.easemob.com

提示

downloadFile合法域名:

  1. https://a1-v2.easemob.com
  2. https://a4.easemob.com
  3. https://a1.easemob.com
  4. https://a4-v2.easemob.com
  5. https://a3-v2.easemob.com
  6. https://a5-v2.easemob.com
  7. https://a2-v2.easemob.com
  8. https://a1-chatfile.easemob.com

注意

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

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

数据中心 REST API请求地址 WebSocket访问域名
国内1区 a1.easemob.com im-api-wechat.easemob.com
国内2区 a31.easemob.com im-api-wechat-31.easemob.com
国内VIP区 请咨询商务经理 请咨询商务经理
客服专用 请咨询商务经理 请咨询商务经理

应用所在数据中心可以在环信用户管理后台>应用信息中查看:

集成 SDK

下载 SDK

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

  • 通过官网 下载 SDK(opens new window)
  • 从环信的 github 仓库 (opens new window)中获取 SDK 中的文件

引入SDK

  • 开始一个全新的项目
    1. 将下载的 SDK(src/sdk/)导入到自己的项目中。
    2. 引入 SDK:import IMSDK from "../sdk/Easemob-chat-miniProgram";
  • 基于 Demo 二次开发

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

调用示例

//使用示例 import SDK from "../sdk/connection"; // 2.0sdk import SDK from "../sdk/Easemob-chat-miniProgram"; // 3.0sdk 
 

实例调用方式

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

//实例化SDK对象 const WebIM = wx.WebIM = SDK; WebIM.conn = new WebIM.connection({ appKey: 'your appKey', 
https: true, //是否使用HTTPS  url: 'wss://im-api-wechat.easemob.com/websocket', // socket server (3.0 SDK)
 apiUrl: 'https://a1.easemob.com', // rest server heartBeatWait: 30000, //心跳间隔 autoReconnectNumMax: 5,
 //自动重连次数 useOwnUploadFun: false // 是否使用自己的上传方式(如将图片文件等上传到自己的服务器,构建消息时只传url) }); 
 

微信小程序的 IM 的基本功能和 API 的使用方法与 Web 端一致,请参考 Web 端文档。

相似文档
  • 前提条件: 注册环信账号: 开发者需要在环信管理后台 注册并创建应用,来获取唯一 appKey,SDK 初始化时需要配置 appKey。 实现步骤: 搭建 QQ 小程序开发环境。 首先需要下载并安装 开发者工具 (opens new window),然后按照 QQ 小程序的 接入流程 (opens new window)一步步创建一个小程序。
  • 注册环信账号: 开发者需要在环信管理后台 注册并创建应用,来获取唯一 appKey,SDK 初始化时需要配置 appKey。 搭建百度小程序开发环境: 首先需要下载并安装 开发者工具 (opens new window),然后按照百度小程序的 接入流程 (opens new window)一步步创建一个小程序。 配置服务器域名: 小程序在发布前,需要配置合法域名。
  • 注册环信账号: 开发者需要在环信管理后台 注册并创建应用,来获取唯一 appKey,SDK 初始化时需要配置 appKey。 搭建字节跳动小程序开发环境: 首先需要下载并安装 开发者工具 (opens new window),然后按照字节跳动小程序的 接入流程 (opens new window)一步步创建一个小程序。
  • 注册环信账号: 开发者需要在环信管理后台 注册并创建应用,来获取唯一 appKey,SDK 初始化时需要配置 appKey。 搭建支付宝小程序开发环境: 首先需要下载并安装 开发者工具 (opens new window),然后按照支付宝小程序的 接入流程 (opens new window)一步步创建一个小程序。
  • 环信小程序 SDK 为各端小程序开发提供一套完整的技术解决方案,在各端小程序的开发环境下,集成 IM 相关的功能更加便捷、高效。让您的小程序快速获得安全稳定的 IM 能力,集成简单,使用方便,帮助您快速拓展业务,赢得先机。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部