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

OK, 有了如此清晰而优秀的代码结构分层设计，就差一段优雅的代码来实现了。

Ready, Go! 编码开始：

1、登录页面

这个最简单，闭着眼睛画个界面，用户名密码正确后，完成以下几个步骤。
1.1. 根据用户名查询出来的用户，初始化全局变量：当前用户。

1.2. 将controller层的onNewMessage, onFriendOnline，onFriendOffline赋值给service 。
1.3. new goeasy建立长连接，记得要传入userid。如需在subscriberPrencese用户上下线提醒事件，或者在调用HereNow获取在线用户列表时，能拿到userId以外，更多的信息，可以在userdata里传入。
1.4. 调用restapi，查询该用户的好友列表，根据结果初始化本地好友列表friendlist。
1.5. 循环好友，以friendUUID为channel，调用subscriberPrencense，监听所有好友的上下线事件。
1.6. 以当前用户的uuid为channel，调用subscriber，监听来自所有好友发来的消息。
1.7. 显示好友列表界面。
1.8. 初始化好友的在线状态，以数组形式传入所有好友的userId，调用hereNowByUserIds，获得当前在线的好友列表，根据结果将friendlist里属于在线状态的friend的在线状态改为true，同时将界面上在线用户的头像改为彩色。

2、显示好友列表（1.7）
2.1. service层获取当前用户信息，在页面显示当前用户的username和头像。
2.2. service获取本地好友列表，然后controller将每个好友的头像和名称显示到页面上，对于当前在线的用户，旁边显示一个小绿点，并且为每个好友绑定一个点击事件，点击好友时，显示聊天界面, 如果该好友有未读消息的，红色小气泡显示未读消息数量。

3、点击一个好友，进入与其聊天的界面
3.1. 窗口顶部显示聊天好友的名称。
3.2. 调用restapi根据当前用户的UUID和好友的friendUUID，查询与该好友的聊天记录，如果这个聊天记录的sender是自己，就显示在页面的右边，如果是朋友发的，则显示在左边。
3.3. 将该好友在本地数据里未读消息恢复为0。
3.4. 并且将聊天记录滚动到最下边。
3.5. 如果点击返回，就直接调进入第二步。

4、在聊天界面，输入消息后发送
4.1. 当前用户uuid作为senderUUID和消息内容组成chatMessage。
4.2. 调用restapi将chatMessage发往“服务器”端，我们建议的方式是所有的消息发往自己的服务器端，在服务器端先保存入库，然后在服务端publish。具体做法是将chatMessage转换为字符串，入库，然后将该好友的channel作为channel调用GoEasy完成publish。(当然，你会发现在我们的示例代码这个过程是在restapi里直接完成的，原因是为了demo的演示方便，我们模拟的服务器端行为，相信你懂的）
4.3. 自己的消息发送成功后，显示在聊天窗口的右边。

 2/3   首页 上一页 1 2 3 下一页 尾页