热缩带厂家
免费服务热线

Free service

hotline

010-00000000
热缩带厂家
热门搜索:
产品介绍
当前位置:首页 > 产品介绍

做和环信集成笔记webIM的实现过程

发布时间:2021-10-13 05:20:03 阅读: 来源:热缩带厂家
做和环信集成笔记webIM的实现过程

【环信集成笔记】web IM的实现过程

web IM 聊天功能已实现,能够完成文本、emoji、图片、文件的收发。下面就以已完成的demo为中心,来说一下具体的实现方法。该demo已封装,能快速集成到项目中去。

1、demo展示:

chat 目录下有两个子文件,chat_hx、chat_hx2,两个文件代表俩个不同的用户,除中用户配置不同其他代码均相同,可分别点击chat_hx、chat_hx2下的ml运行该demo,会出现两个聊天界面,在此可以感受一下聊天功能。

2、demo目录结构:

chat_hx和chat_这其中hx2下有 sdk、static、webrtc、、ind并且破坏概率随着缺点离表面层间距的增长而减少ml、ml、ml。

sdk:目录下为环信官方提供的聊天聊天接口,、、;三个文件在ml中均需要引入,文件中1、拧开回油阀则需要我们配置应用的AppKey,是该应用的唯一标识;

static:有css、img、js 提供聊天界面的样式,图片、emoji表情库、jQuery库、underscore库;

webrtc:官方提供的的rtc聊天库,集成即时视频功能需要引用的文件;

ml:web聊天界面入口,聊天窗口标签及相应的聊天模板;

ml:pc聊天界面,聊天窗口标签及相应的聊天模板;

ml:pc聊天界面入口,通过iframe引入ml;

:该文件中处理了所有聊天逻辑,提供用户登录接口,消息收发接口,采用localStorage来做消3D回收机助力3D打印塑料材料“少浪费”息的本地缓存,在html文件中只需要调用具体方法即可完成聊天功能。一下为具体的调用方法:

3、缓存逻辑:

缓存采用了没有时间限制的数据存储 localStorage 存储方式,以键值对的形式来存储一个聊天组。

(1)展示聊天信息:

key: user1:user2 以当前用户名和聊天对象的用户名作为key;

value:具体的聊天信息记录以数组形式存在。

每次登录后通过key来获取缓存中的聊天记录数组:

(2)接收信息的缓存处理:

接收消息将消息同样以键值对(登录用户名:接收者用户名)的的形式存储接收到的消息,存储前处理存储内容:

(3)发送消息的缓存处理:

发送的消息同样以键值对的形式进行存储,同(2),图片文件,则是通过官方提供的方法当发送成功后会有对应的URL返回,即将URL作为数据存入data字段即可。

4、模板:

为控制方便模板写了六套,及左右聊天展示个三套 分别为文本、图片、文件。

项目用到的demo源码下载请浏览器中打开链接:在

肝肾阴虚饮食禁忌
更年期潮热多汗怎么调理
更年期出虚汗吃什么药
肝肾阴虚会大量出汗吗