起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 35920|回复: 75

[分享] 集成聊天功能仿微信仿qq融云聊天插件IM即时聊天

  [复制链接]

23

主题

111

帖子

1255

积分

金牌会员

Rank: 6Rank: 6

积分
1255
QQ
发表于 2017-2-18 21:41:43 | 显示全部楼层 |阅读模式
本帖最后由 hisoon 于 2017-6-1 08:29 编辑

Screenshot_2017-03-12-11-27-16.png


Screenshot_2017-04-12-22-00-45.png


Screenshot_2017-04-12-22-00-54.png


Screenshot_2017-04-12-22-01-02.png


Screenshot_2017-04-12-22-01-09.png


Screenshot_2017-04-12-22-01-16.png


Screenshot_2017-04-12-22-01-47.png


Screenshot_2017-04-12-22-02-12.png
--------------------------------------------------------------------

集成聊天功能仿微信
仿qq
融云聊天插件
IM
即时聊天
图像压缩、图片发送
更新、刷新图片
实时更新用户头像
门户网站app

原理:()
1、由于融云Cordova插件不能(也许是我没有搞明白)在每个聊天窗口显示未读消息,所以我们在本地进行接收所有消息,存到SQLITE本地数据库,在加载本地数据库时查询未读消息数,并将user表后面添加一列data其名字为readStat消息读取状态为置为o,(注意是data不是baasdata,也就说说每次刷新之后这个data都会呗重置,所以我的好友列表禁止了下拉刷新),当用户与相应好友聊天时,对应该user的data--readstat置为1并写入本地sqlite里面

2、发送图片,实测融云Cordova插件在使用imageSend()方法时都显示NULL,所以我们在自己app处理图片后,以一串不可能在正常聊天中出现的特定特殊字符img:&^%开头标志发送的是图片类型,我们只是以文本的方式发送了一个图片的URL,在目标用户收取信息后,截掉文本头,就可以显示图像




3、我最得意的一个创意就是用户头像更改的时候,其实存储头像有2个办法:1、存贮头像图片URL(优点是数据小可以提高数据库读写速度,缺点是在用户更新头像后不能实时刷新出新头像(除非你给新图片重新命名,但是这在很多地方会产生不必要的麻烦)2、存储头像图片的BASE64码(优点是可是实时刷新头像,缺点是数据库写入很慢)),所以在本APP中,我采用一个固定的URL存储头像比如xxx/yyy/用户名.jpg,但是我在点击图片上传之后又将图片压缩后的base64码传给image组件显示,在下一次重新启动app的时候才是从数据库中读取url加载头像。这样既解决了数据库存取,又可以实时刷新用户头像
----------------------------------------------
注意事项:


鉴于好几个人反映说:调试的时候报错“找不到组建”等情况,我再次申明、提醒、警告、教育你:
引用Cordova插件的APP是只能在真机上调试的!浏览器调试当然无效!



下面是整个app的演示效果
http://v.youku.com/v_show/id_XMjUxODc1NjYwOA==.html
下面是源码(前端.W+BAAS+CORDOVA+MYSQL)
IM_app.part05.rar (3.43 MB, 下载次数: 144, 售价: 2 金币)

评分

参与人数 2威望 +110 收起 理由
半导体 + 100 赞一个!
liangyongfei + 10 很给力!

查看全部评分

31

主题

109

帖子

411

积分

中级会员

Rank: 3Rank: 3

积分
411
QQ
发表于 2017-2-20 20:34:49 | 显示全部楼层
赞赞赞
回复

使用道具 举报

0

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
QQ
发表于 2017-3-2 16:20:32 | 显示全部楼层
求问金币怎么赚啊?
回复 支持 反对

使用道具 举报

31

主题

109

帖子

411

积分

中级会员

Rank: 3Rank: 3

积分
411
QQ
发表于 2017-3-10 15:56:45 | 显示全部楼层
金币只能充值获取吗?
回复 支持 反对

使用道具 举报

9

主题

20

帖子

481

积分

中级会员

Rank: 3Rank: 3

积分
481
QQ
发表于 2017-3-15 19:06:12 | 显示全部楼层
论坛有问题,不能购买!
回复 支持 反对

使用道具 举报

9

主题

20

帖子

481

积分

中级会员

Rank: 3Rank: 3

积分
481
QQ
发表于 2017-3-15 19:19:33 | 显示全部楼层
可以了,刚才没设置安全设置
回复 支持 反对

使用道具 举报

23

主题

111

帖子

1255

积分

金牌会员

Rank: 6Rank: 6

积分
1255
QQ
 楼主| 发表于 2017-3-16 08:11:53 | 显示全部楼层
zsyf 发表于 2017-3-15 19:19
可以了,刚才没设置安全设置

聊天功能都正常吧?
回复 支持 反对

使用道具 举报

3

主题

15

帖子

23

积分

新手上路

Rank: 1

积分
23
QQ
发表于 2017-3-27 16:27:44 | 显示全部楼层
请问楼主是怎样集成的,我现在想要集成萤石的视频功能只有SDK应该怎样做呢
回复 支持 反对

使用道具 举报

3

主题

15

帖子

23

积分

新手上路

Rank: 1

积分
23
QQ
发表于 2017-3-27 16:28:04 | 显示全部楼层
求指点啊楼主,谢谢啦
回复 支持 反对

使用道具 举报

23

主题

111

帖子

1255

积分

金牌会员

Rank: 6Rank: 6

积分
1255
QQ
 楼主| 发表于 2017-3-27 17:06:10 | 显示全部楼层
小谨 发表于 2017-3-27 16:28
求指点啊楼主,谢谢啦

那只能看它官方手册了。但是WEX5不一定能很好的兼容,很多情况下按照官方手册做不一定能成功,自己多试试吧
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-4-25 15:34 , Processed in 0.119011 second(s), 31 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表