Websocket IM聊天教程 教你用GoEasy快速实现IM聊天

5、收到新消息

5.1. 在1.6定义了接收好友新消息的事件，当收到一条好友的新消息时。
5.2. 首先调用restapi保存到服务器。
5.3. 本地好友数据里的未读消息加1。
5.4. 如果当前界面是好友列表，将来自该朋友的未读消息的数字显示在界面上。
5.5. 如果收到的消息就是来自当前对话窗口，就将消息显示到聊天窗口，并且调用service将本地数据里该好友的未读消息清0。

6、用户上下线提醒
6.1. 在1.5监听了用户上下线，当收到一个用户上线或下线的通知后（注意返回的是一个列表，一次事件有可能有多个好友都发生了状态变化）。
6.2. 修改将本地数据里该好友对象在线状态,如果是上线事件就显示彩色，如果是下线就显示黑白色。

至此，整个聊天功能就完成了，是不是很简单呢。在整个demo中只用到了goeasy的四个API：subscriber（接收消息），subscriberPrencense（接受上下线通知），hereNowByUserIds(获取当前在线用户列表）, publish(发送消息)。详情可以参考goeasy官方文档。https://www.goeasy.io/cn/developers.html

哼！这难道不是纸上谈兵吗？Talk is cheap, show me the code! 优雅的代码在哪里呢？

别着急，当然有全套代码啦，如果放个zip文件的下载连接，显得B格太低，老规矩，github见: https://github.com/GoEasySupport/goeasy-chat-demo

注意事项：

1.在restapi.js 里 可以找到用户名和密码

2.在service.js里将appkey替换为您自己的common key

3.subscriberPrencense和hereNowByUserIds这两个方法，默认是关闭的，需要联系GoEasy客服开通哦~

将代码与本文一起对照阅读后，要写个IM，比画个0还简单，如果使用的是其他的前端技术框架如小程序和React-native，只需要重新画个外壳就好了！什么,你不相信？如果觉得你被骗了，可以联系GoEasy技术支持人员，欢迎吐槽！没有您暴风雨般的吐槽和春风一般的赞美，我如何进步呢？

彩弹在最后：

看了代码的你，是不是发现我们的RESTAPI其实是个冒牌货，并不会真的和远程的某个服务器交互，这是为了方便演示，我们定义了两个变量来帮助模拟远程数据的查询，然后用localstorage来模拟服务器的保存，相信聪明的你，肯定已经get到我们的代码思路了。

GoEasy官网：https://www.goeasy.io

到此这篇关于Websocket IM聊天教程 教你用GoEasy快速实现IM聊天的文章就介绍到这了,更多相关Websocket IM聊天内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站！

 3/3   首页 上一页 1 2 3