uniapp H5接入使用环信聊天

准备工作
官网下载WebIM.js以及WebIMConfig.js两个文件

然后main.js中引入并配置(appKey就是申请使用的环信APPKEY本文是在WebIMConfig.js配置)

在App.vue挂载一下（这里做的就是监听消息后做的操作，文中that.pushMsgList(message)为自定义的处理消息方法，根据环信返回数据拼接然后显示达成聊天效果）

聊天页面使用
官方接口文档地址（有些接口会使用不了自己找可以用的）：
https://docs-im.easemob.com/im/web/basics/message
使用第一步就是得先打开环信，resData为后端返回参数

打开后一般聊天页面就先获取历史聊天记录（注意顺序问题，打开和调用历史记录是异步操作，open完再调用）；success返回的msgs就是你于这个人的聊天历史记录（之后每调用一次就查询出之前的20条数据，环信那边控制的我们这边不能控制）

发送文本消息，补充完msg的数据然后conn.send就可以了

发送图片，其它大同小异

uniapp H5接入使用环信聊天相关推荐

环信聊天，可发图片和语音2
1.录音的代码实现,先写一个按钮了,当点击时执行的事件 /*** 录音*/recording.setOnTouchListener(new View.OnTouchListener() {@Overr ...
04环信聊天界面 - 发送图片消息和显示图片
1.在聊天控制器连线 /*** 点击上传图片*/ - (IBAction)showImgPickerAction:(UIButton *)sender {// 图片选择控制器UIImagePicker ...
Android 环信聊天历史记录搜索分组展示
最近开发IM,用到了环信,其中一个功能未聊天记录搜索功能,先上图 1.好友和群聊搜索适合自己的服务器交互的不涉及环信 2.聊天记录搜索列表聊天搜索结果列表是以会话列表分组的所以首先获取聊天的所有会话 ...
环信聊天的基本集成步骤及遇到的问题
2017.01.10修改了发红包在红包下面增加了一句xxx收到了xx发的红包, 屏蔽了红包的点击显示领取红包的消息(具体操作在文章最底部) 首先下载环信demo,然后就 ...
iOS环信聊天界面中点击头像和消息的几种状态
/* 环信自带头像点击事件 */ - (void)messageViewController:(EaseMessageViewController *)viewController didSelect ...
记一次导入环信聊天demo的过程
1,下载sdk: 环新官网:[环新官网](http://www.easemob.com/download/im) 下载sdk 目录结构:**doc文件夹:SDK相关API文档examples文件夹: ...
android环信聊天界面上面显示昵称,【环信征文】在android中5分钟实现环信昵称头像的显示...
老司机带你们5分钟实现昵称头像的显示,车要开了,话不多说,快快上车~ 一.将简版demo里的cache包(5个java文件)复制到自己项目里. 下载环信android简版Demo: 环信Android ...
java环信聊天记录保存到数据库实体
发现环信的根据时间条件拉取历史消息接口已经停用,就做了个通过导出聊天记录接口保存到数据库实体的功能,分享一下. 大致的思路: 1.通过环信的接口,把前一天24小时的数据压缩包下载到本地 2.把下载后的 ...
android 环信客服自动登出,Android环信聊天头像昵称显示解决方案
从消息扩展中获取昵称和头像昵称和头像的获取:把用户基本的昵称和头像的URL放到消息的扩展中,通过消息传递给接收方,当收到一条消息时,则能通过消息的扩展得到发送者的昵称和头像URL,然后保存到本地数据 ...

uniapp H5接入使用环信聊天

uniapp H5接入使用环信聊天相关推荐

最新文章

热门文章