小闹
小闹
  • 发布:2015-04-08 16:53
  • 更新:2021-07-02 13:16
  • 阅读:18640

分享一个利用融云开发伪IM的思路

分类:HTML5+

在移动互联时代,IM基本都是必备品了,可惜的是DCloud在短期内貌似还没有加入IM系统的可能,最近研究了一下三方的IM模块,在这里和大家分享一个利用融云Web达成伪IM的思路。

1、为什么选择Web版本?
融云在Web版本外还提供iOS和Android版本的SDK,但是需要一定的原生开发能力来进行支持,虽然都是封装好的API接口,开发起来不是很难,但是在我的系统里,暂时是不需要除了文字外的其余多余的功能,为了一些莫名的功能,耗费时间和精力去研究SDK,实在是有些得不偿失,等以后有时间或者需求的时候再去研究,所以需要添加很多IM组件的小伙伴可以绕道了。

2、Web版本的优缺点?
优点:集成简单,只需要简单的几步,就可以集成一套IM系统在APP中。
(1)引入Web版本SDK

http://res.websdk.rong.io/RongIMClient{-版本号}-min.js

(2)初始化web sdk

RongIMClient.init("appkey");

(3)设置链接状态监听器

RongIMClient.setConnectionStatusListener({    
     onChanged: function (status) {}    
}); 

(4)链接融云服务器

RongIMClient.connect("token", {  
     onSuccess: function (userid) { },  
     onError: function (x) { }  
});

(5)设置消息监听器

RongIMClient.getInstance().setOnReceiveMessageListener({  
     onReceived: function (message) { }  
});

(6)得到RongIMClient实例对象,设置私人会话类型

var ins = RongIMClient.getInstance();  
var contype = RongIMClient.ConversationType.PRIVATE;

(7)发送

ins.sendMessage(contype, "targetId", RongIMClient.TextMessage.obtain("发送消息内容"), null, {  
       onSuccess: function () { },  
       onError: function (data) { }  
 });

缺点:无法PUSH,这个实在要吐槽一下,其实融云支持PUSH,但是我和他们交涉良久,他们总是认为Web版本不需要PUSH这样的东西,其实就是简单的在他们服务器上注册用户的deviceToken,就为了注册个deviceToken,就要分别集成iOS和Android两套SDK,实在是麻烦。我让他们加,未果;让他们把SDK再底层的API开放给我,我自己增加注册,也是未果。

3、为什么是伪IM?
这个和无法PUSH是相关的,因为无法PUSH,所以只有用户在打开APP的情况下才能收到对方发送的消息,无法忍受,那么如何解决呢?
方案如下:
(1)在用户退出APP,或者pause的时候,主动断开和融云服务器的连接。
(2)每次发出IM消息的时候,消息要通知到自己的服务器,自己的服务器去融云的服务器获取用户在线状态
(a)如果用户在线,不处理
(b)如果用户不在线,利用个推的PUSH提醒用户打开APP
(3)用户进入APP的时候,重连融云服务器,接受消息。

这样,就可以做到一个简单的IM系统了。服务器端就不在这里详细描述啦^_^

PS1:融云的Web版本其实不止是文字,还有其余的一些,譬如客服,图片等等,集成起来还是比较简单的,当然,如果你的需求比较高,那么还是集成iOS或者Android版本的SDK要更好些。
PS2:还有一些三方IM,我没有仔细的研究过,但是应该大同小异。

11 关注 分享
蔡繁荣 DCloud_heavensoft andywang 一气三清 hilongjw chenxiing 哇塞 Dcld gaus gaohuazi bishuihanshan

要回复文章请先登录注册

7***@qq.com

7***@qq.com

回复 殷虎子 :
安装模块了吗 没有的话记得用npm装一下
2021-07-02 13:16
葱子

葱子

推荐各位可以试试GoEasyIM,支持单聊、群聊,支持发送图片/视频/语音/文件/自定义消息,同时支持Uni-app开发的APP的通知栏推送功能,针对Uni-app做了诸多优化,插件市场地址:[https://ext.dcloud.net.cn/plugin?id=5177](https://ext.dcloud.net.cn/plugin?id=5177)
2021-05-31 16:19
殷虎子

殷虎子

您好!请教下 引入本地import RongIMLib from './static/RongIMLib-2.4.0.js'然后RongIMClient.init(appkey)报错:reportJSException >>>> exception function:createInstance, exception:Exception: TypeError: undefined is not an object (evaluating 'location.protocol') E console : init@(global function):11207:12 E console : (global function):21221:18 在main.js我都是一步步按文档走的 怎么RongIMClient.init("appkey");就报错了,请教一下谢谢
2019-05-10 11:47
p***@yahoo.com

p***@yahoo.com

回复 winnnnnnnnner :
请问哪里有文档?官网还是说没支持
2018-07-14 08:46
一枚游戏菜鸟

一枚游戏菜鸟

楼主大佬,你这个用在5+APP不行啊
2018-06-01 15:11
wayhbbeed

wayhbbeed

你这个思路我去试试
2018-01-12 02:51
健健

健健

即时通讯皮肤: http://ask.dcloud.net.cn/article/13005
2017-12-26 16:31
1***@qq.com

1***@qq.com

回复 bishuihanshan :
请问你这边集成的这个融云的app是单页的吗? 还是普通的就可以呢?
2017-09-14 17:30
winnnnnnnnner

winnnnnnnnner

现在支持PUSH了。
2017-08-31 10:28
bishuihanshan

bishuihanshan

我也用了融云的web版,我现在遇到一个问题,就是程序在后台运行一点时间后(比如二三十分钟),软件就收不到消息了。连接监听的地方也没输出什么异常的状态。重新连接后,能够收到刚才没收到的消息。
请问这是什么原因呢?按说融云的sdk会自己检测和保持连接的吧
2017-08-11 15:44