环信webIM接入相关问题总结

最近在做直播的问题,有这么一个需求,在H5页面观看直播的时候,能收到app端用户发的信息,这个需要我们接入环信的sdk了,因为我们这边app是用的环信sdk,需求来了,挡是挡不掉的,只能硬着头皮上了。在查看了很多文档之后,实话实说,没有看懂,相关api地址是http://docs.easemob.com/im/400webimintegration/10webimintro,有兴趣的同学可以看看。

首先我们要做好环信的相关配置:在官网下载官方demo,里面有压缩好的js官方有好几种方式得到相应的js,但是有一个webim.config.js,l里面的内容需要自己设置的,有个appkey 这个是在官网注册时生成的,还有一个isAutoLogin 这个字段也是很重要的,关系着是否要设置自动上线


把在官网下载好的js,引入相应的页面,


var conn =newWebIM.connection({

isMultiLoginSessions: WebIM.config.isMultiLoginSessions,

https:typeofWebIM.config.https==='boolean'? WebIM.config.https:location.protocol==='https:',

url: WebIM.config.xmppURL,

isAutoLogin:false,

heartBeatWait: WebIM.config.heartBeatWait,

autoReconnectNumMax: WebIM.config.autoReconnectNumMax,

autoReconnectInterval: WebIM.config.autoReconnectInterval

});

接入环信必须先把这些配置弄好,在链接环信之后要登录环信的系统,我们这边是后台自动给我注册好的,所以就不说注册哪一步了,这个登录可以实现多个用户观看同一直播时,同时在线的,

var options = {

apiUrl: WebIM.config.apiURL,

user: user,//从接口中获取的用户名

pwd: pwd,//从接口中获取的密码

appKey: WebIM.config.appkey

};

conn.open(options);

登录成功之后,要加入聊天室

varhandlePresence=function( e ) {

// console.log(e.type);根据type来判断是否加入聊天室成功

};

// listern,添加回调函数

conn.listen({

onPresence:function( message ) {

handlePresence(message);

},

onOpened:function(message) {//连接成功回调,连接成功后才可以发送消息

//如果isAutoLogin设置为false,那么必须手动设置上线,否则无法收消息

// 手动上线指的是调用conn.setPresence();

//conn.setPresence();

conn.joinChatRoom({

roomId: self.shareInfo.chatroomId// 聊天室id

});

},

onTextMessage:function(message) {

// 在此接收和处理消息,根据message.type区分消息来源,私聊或群组或聊天室

//console.log(message);

self.rollMessages(message);

},

});

此方法已经可以在pc端可以正常接收消息,但是字微信里面还不可以,具体相关问题,还在进一步的排查中,有知道的同学也可以相互交流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,561评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,259评论 25 707
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,607评论 0 15
  • 1)项目里面不需要环信SDK的太多功能,只是想要聊天和好友功能,其他都不用,那SDK一定要总是跟着更新么? a.环...
    DefaultYuan阅读 26,530评论 17 59
  • 活动力日志 为你的每天发现更多时间 在工作中,你花费多少时间做些于成功毫无益处的琐事?在一开始,你可能会说“并不多...
    猫和榴莲阅读 760评论 0 0