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

分享一个利用融云开发伪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

要回复文章请先登录注册

9***@qq.com

9***@qq.com

mui中创建websoket提示不支持啊
2017-06-01 17:17
zmzkkk2024

zmzkkk2024

不知道 有没有源码?
2017-03-16 18:03
f***@gmail.com

f***@gmail.com

在引入融云lib的js之前添加此节点 【<script>window["SCHEMETYPE"] = "http";</script>】 参考http://ask.dcloud.net.cn/article/815
2016-09-11 16:58
f***@gmail.com

f***@gmail.com

回复 5***@qq.com :
在引入融云lib的js之前添加此节点 【<script>window["SCHEMETYPE"] = "http";</script>】 参考http://ask.dcloud.net.cn/article/815
2016-09-11 16:58
f***@gmail.com

f***@gmail.com

回复 孤独的前行者 :
在引入融云lib的js之前添加此节点 【<script>window["SCHEMETYPE"] = "http";</script>】 参考http://ask.dcloud.net.cn/article/815
2016-09-11 16:57
5***@qq.com

5***@qq.com

回复 satgi :
这个怎么进行设置呢?
2016-09-10 23:30
satgi

satgi

回复 雨不单下 :
在引入 RongIM 的 SDK 之前需要设置 window["SCHEMETYPE"] = "http"
2016-08-16 21:36
satgi

satgi

回复 孤独的前行者 :
在引入 RongIM 的 SDK 之前需要设置 window["SCHEMETYPE"] = "http"
2016-08-16 21:35
指匠

指匠

回复 雨不单下 :
我昨天也遇到了,根本连不上,异常也不报,都不知道怎么咨询融云技术支持。
2016-08-05 13:36
雨不单下

雨不单下

回复 孤独的前行者 :
我的也是这个问题,放到手机上没翻译,又不报错。真tm蛋疼
2016-07-29 13:27