上云无忧 > 文档中心 > 环信IM即时通讯使用教程(Web) - 私有云 SDK 集成配置
IM即时通讯
环信IM即时通讯使用教程(Web) - 私有云 SDK 集成配置

文档简介:
Web Vue 2 Demo: 对于 Web Vue Demo,进行私有化配置需在 Vue 2 Demo 源代码 (opens new window)中进行修改。 修改环境配置: 在 src/utils/WebIMConfig.js 文件中,进行如下修改:
*此产品及展示信息均由环信官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

Web Vue 2 Demo

对于 Web Vue Demo,进行私有化配置需在 Vue 2 Demo 源代码 (opens new window)中进行修改。

修改环境配置

在 src/utils/WebIMConfig.js 文件中,进行如下修改:

appkey: 'easemob#easeim', // 私有化的 App Key isHttpDNS: false, // 是否允许通过 DNS 获取。由于私有云需自己配置,
这里必须为 `false`。 socketServer: 'https://xxx.xxxxx.com', // 私有化的 WebSocket 地址 restServer: 'https:
//xxx.xxxxx.com', // 私有化的 RESTful 服务器地址。对于 Uniapp 全平台,需要全局搜索,
查找 `a1.easemob.com` 替换为 `restServer`。 
 

修改 SDK 初始化配置

在 src/utils/WebIM.js 文件中,进行如下修改:

appKey: WebIM.config.appkey, url: WebIM.config.socketServer, apiUrl: WebIM.config.restServer, isHttpDNS:
WebIM.config.isHttpDNS, // 对于私有云,该参数必须为 `false`。 // 其他配置可酌情添加 
 

Web Vue 3 Demo

对于 Web Vue 3 Demo,进行私有化配置需在 Vue 3 Demo 源代码 (opens new window)中进行修改。

修改环境配置

在 src/IM/initwebsdk.js 文件中,进行如下修改:

const DEFAULT_APPKEY = 'easemob#easeim'; // 私有化的 App Key const DEFAULT_URL = 'https://xxx.xxxxx.com';
 // 私有化的 WebSocket 地址 const DEFAULT_APIURL = 'https://xxx.xxxxx.com'; // 私有化的 RESTful 服务器地址 
 

Web React Demo

对于 Web React Demo,进行私有化配置需在 React Demo 源代码 (opens new window)中进行修改。

修改配置如下:

  1. 在 /demo/src/config/WebIMConfig.js 中修改配置信息,如下所示:

appkey: appkey || 'easemob-demo#zim', isHttpDNS: false, restServer: rest.restServer || (window.location.p
rotocol === 'https:' ? 'https:' : 'http:') + '//xxx.xxxxx.com', restServer: rest.restServer || (window.
location.protocol === 'https:' ? 'https:' : 'http:') + '//xxx.xxxxx.com', 
 

  1. 在 /demo/src/config/WebIM.js 中修改初始化配置,如下所示:
appKey: WebIM.config.appkey, url: WebIM.config.socketServer, apiUrl: WebIM.config.restServer, 
 

然后,将 if(WebIM.config.isSandbox) 判断去掉,只使用 options 中配置的地址。

相似文档
  • 版本 V4.1.4 Dev 2023-3-16(开发版): 新增特性: [IM SDK] 新增 群成员自定义属性功能并增加自定义属性更新事件实现群成员设置和获取在群组中的昵称和头像等属性。 [IM SDK] 在消息创建参数中新增 deliverOnlineOnly 字段实现发消息只投递给在线用户。若开启了该功能,用户离线时消息不投递。
  • 功能描述: 环信即时通讯 IM 支持多种消息类型,开发者可以方便地对本地会话、消息进行管理,可以从服务端获取历史会话和消息,提供送达回执和已读回执能力。
  • 登录环信即时通讯后,用户可以在单聊、群聊、聊天室中发送如下类型的消息: 文字消息,包含超链接和表情; 附件消息,包含图片、语音、视频及文件消息; 位置消息; 透传消息; 自定义消息。
  • 环信即时通讯 IM SDK 在消息服务器上存储历史消息。当聊天用户从其他设备登录或加入群组后,你可以从服务器检索历史消息,以便用户也可以在新设备上浏览这些消息。本文介绍如何实现用户从消息服务器获取会话和消息。
  • 单聊会话支持消息送达回执、会话已读回执和消息已读回执,发送方发送消息后可及时了解接收方是否及时收到并阅读了信息,也可以了解整个会话是否已读。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部