最近项目需要实现一个聊天的功能,群聊或者单聊,用到环信,根据官网实现一下相关的配置吧

第一:下载环信demo  地址:https://github.com/easemob/webim-uniapp-demo

第二:将demo中的 newSDK 和 utils 文件夹放到自己的项目中 (utils文件中只需要下面两个js文件就可以)

第三:修改 WebIMConfig.js文件夹中的 appkey值

appkey值的查找方法: 登录环信 :https://www.easemob.com/download/demo 自己创建一下,创建好了后可以拿到appkey值

到这一步我们的配置基本就算完成了

第四:在APP.vue中挂载

onLaunch: function() {
this.HXlisten()
},
methods:{
HXlisten(){
console.log('<<<<<<环信监听')
uni.WebIM.conn.listen({
onOpened: function () {
console.log('>>>>>>环信登录成功啦')
}, //连接成功回调
onClosed: function () {}, //连接关闭回调
onTextMessage: function ( message ) {}, //收到文本消息
onEmojiMessage: function ( message ) {}, //收到表情消息
onPictureMessage: function ( message ) {}, //收到图片消息
onCmdMessage: function ( message ) {}, //收到命令消息
onAudioMessage: function ( message ) {}, //收到音频消息
onLocationMessage: function ( message ) {},//收到位置消息
onFileMessage: function ( message ) {}, //收到文件消息
onCustomMessage: function ( message ) {}, //收到自定义消息
onVideoMessage: function (message) {
var node = document.getElementById('privateVideo');
var option = {
url: message.url,
headers: {
'Accept': 'audio/mp4'
},
onFileDownloadComplete: function (response) {
var objectURL = WebIM.utils.parseDownloadResponse.call(conn, response);
node.src = objectURL;
},
onFileDownloadError: function () {
console.log('File down load error.')
}
};
WebIM.utils.download.call(conn, option);
}, //收到视频消息
onPresence: function ( message ) {}, //处理“广播”或“发布-订阅”消息,如联系人订阅请求、处理群组、聊天室被踢解散等消息
onRoster: function ( message ) {}, //处理好友申请
onInviteMessage: function ( message ) {}, //处理群组邀请
onOnline: function () {}, //本机网络连接成功
onOffline: function () {}, //本机网络掉线
onError: function ( message ) {}, //失败回调
onBlacklistUpdate: function (list) { //黑名单变动
// 查询黑名单,将好友拉黑,将好友从黑名单移除都会回调这个函数,list则是黑名单现有的所有好友信息
console.log(list);
},
onRecallMessage: function(message){}, //收到撤回消息回调
onReceivedMessage: function(message){}, //收到消息送达服务器回执
onDeliveredMessage: function(message){}, //收到消息送达客户端回执
onReadMessage: function(message){}, //收到消息已读回执
onCreateGroup: function(message){}, //创建群组成功回执(需调用createGroupNew)
onMutedMessage: function(message){}, //如果用户在A群组被禁言,在A群发消息会走这个回调并且消息不会传递给群其它成员
onChannelMessage: function(message){} //收到整个会话已读的回执,在对方发送channel ack时会在这个回调里收到消息
});
}
},

到此为止,环信的项目就引入进来并且配置好了 ,具体配置可以参考官方文档 :https://docs-im.easemob.com/im/web/intro/basic

最新文章

  1. js数组的队栈操作
  2. [Java,MVC] SpringMVC+Spring+hibernate 框架
  3. leetcode problem 31 -- Next Permutation
  4. if elsif;报错;new赋值
  5. uva 10929 - You can say 11
  6. jquery新增,删除 ,修改,清空select中的option
  7. Java与算法之(2) - 快速排序
  8. 剑指offer面试题4 替换空格(c)
  9. GDB使用记录
  10. day_10初级函数
  11. Extjs4.2 rest 与webapi数据交互----顺便请教了程序员的路该怎么走
  12. ASP.NET Web API 框架研究 Web Host模式下的消息处理管道
  13. B. Lost Array
  14. PAT 甲级 1117 Eddington Number
  15. 如何在Android Studio中添加注释模板信息?
  16. 异常类Exception(String message, Throwable cause)中的cause理解
  17. 【贪心】【字典树】Gym - 101466A - Gaby And Addition
  18. position定位属性
  19. SpringMvc 400 Bad Request解决方法
  20. java之throw和throws

热门文章

  1. 改善C#程序的方法-2 使用TryParse
  2. python的注释、变量
  3. [题解] Codeforces Dytechlab Cup 2022 1737 A B C D E 题解
  4. Bing 广告平台迁移到 .net6
  5. paddle&amp;蜜度 文本智能较对大赛经验分享(17/685)
  6. PHP redis有序集合实现分页
  7. 使用工厂方法模式设计能够实现包含加法(+)、减法(-)、乘法(*)、除法(/)四种运算的计算机程序,要求输入两个数和运算符,得到运算结果。要求使用相关的工具绘制UML类图并严格按照类图的设计编写程序实
  8. 数据结构中的哈希表(java实现)利用哈希表实现学生信息的存储
  9. 齐博x1客服系统显示客户在哪个页面
  10. 齐博软件 著名的老牌CMS开源系统 X1.0基于thinkphp开发的高性能免费开源PHP开放平台齐博x1.0基于thinkphp框架开发的高性能免费开源系统 主推圈子 论坛 预定拼团分销商城模块