基于WebSocket实现的JJ聊天室

JJ 聊天( wechat )是一款仿微信实时聊天系统,提供实时聊天、搜索好友和群、新建群聊、添加好友、解散群聊、 踢出群聊、邀请好友进群、点赞、 评论、回复评论、写说说,第三方登录等功能

1. 实时聊天

当我打开JJ聊天应用,可以看到我的聊天列表,其中列出了我和我的好友或群聊的最近对话。点击任何一个对话,就可以进入聊天界面。在这里,我可以轻松地输入文字、发送表情和图片。当我发送消息时,我的好友几乎能立刻收到,并且他们的回复也会实时显示在聊天窗口中。

2. 新建群聊 、解散群聊 和 踢出群聊

  • 在会话列表页面,用户以选择“创建群聊”的选项,然后从联系人列表中选择想要邀请的好友。一旦选择完毕,就可以为群聊设置一个名称和logo,好友无需接收邀请即可加入 群聊
  • 作为群主,如果用户觉得某个群聊不再需要,可以选择“解散群聊”的选项。此操作将永久删除该群聊,并删除群聊中的所有消息。
  • 在群聊中,作为群主,可以选择某个群成员,然后选择“踢出群聊”的选项。被踢出的成员将不能再访问此群聊。

3. 邀请好友进群

在群聊设置中,我可以选择“邀请好友”选项,然后从我的联系人列表中选择我想邀请的好友。他们无需接受邀请,就会成为群聊的一部分。

4. 修改个人信息 

在JJ聊天的"个人信息"设置中,用户可以轻松地修改他们的头像、昵称和密码,以便保持个人资料的最新性和安全性。这些选项使用户能够随时根据需要对他们的JJ聊天账户进行调整,以便与朋友保持联系并维护账户的隐私和安全性。

5.  添加好友 和 群聊

当用户想添加新的好友时,他们只需在搜索栏中输入好友的JJ号然后点击"添加"按钮。一旦请求发送成功,被添加的用户将会收到好友请求通知。一旦被添加的用户接受了好友请求,他们就可以开始与请求发送者聊天了。这个简单的过程使用户能够扩展他们在JJ聊天中的社交圈子,与更多的人建立联系和互动。

6. 新的通知

在通知界面,用户可以方便地查看到与他们的互动和社交活动相关的通知,包括点赞、评论以及申请好友的通知。这个界面提供了对用户在JJ聊天中的社交互动的实时反馈。

7. 朋友圈页面

在朋友圈中,用户可以分享各种内容,包括文字、图片和视频,让他们的朋友圈关注者能够轻松了解他们的生活、兴趣和想法。这个功能提供了多种社交互动选项,包括:

  • 发布说说: 用户可以撰写文字、上传照片或视频,并分享在他们的朋友圈上,展示自己的生活片段和情感表达。这些说说可以是关于任何事情的,从日常生活到旅行经历,用户可以以个性化的方式展示自己。

  • 点赞: 用户可以在朋友圈中看到他人的说说,如果他们喜欢某个说说,可以点击“点赞”按钮,以表示支持和喜爱。这个互动传达了积极的情感和支持。

  • 评论: 用户可以在他人的说说下方留下评论,表达自己的想法、感受或回应。这为用户之间的交流提供了渠道,使他们可以分享看法、互相回应,建立更深入的联系。

 在JJ聊天系统中,为了不断吸引用户并提供更多有趣和有用的功能,后期我还准备添加语音消息和视频通话功能,使用户能够更直接、生动地与朋友聊天。允许用户自定义聊天界面的主题和背景,使聊天更个性化。添加在线游戏、小测验或其他娱乐功能,使用户在聊天的同时能够一起玩游戏或娱乐。

8. 在线访问网址

JJ聊天室icon-default.png?t=N7T8https://wexin.wym123.cn/

  • 7
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Java WebSocket是一种用于实现双向通信的网络协议,可以帮助我们实现简易聊天。下面是一个基于Java WebSocket实现的简易聊天的示例代码: 首先,我们需要定义一个WebSocket处理程序: ```java @ServerEndpoint("/chat") public class ChatEndpoint { private static Set<Session> sessions = Collections.synchronizedSet(new HashSet<Session>()); @OnOpen public void onOpen(Session session) { sessions.add(session); } @OnMessage public void onMessage(String message, Session session) throws IOException { for (Session s : sessions) { // 过滤自己 if (!s.equals(session)) { s.getBasicRemote().sendText(message); } } } @OnClose public void onClose(Session session) { sessions.remove(session); } } ``` 在这个处理程序中,我们使用`@ServerEndpoint("/chat")`注解指定了WebSocket的端点,即`/chat`。在`onOpen`方法中,我们将新的会话添加到会话集合中。在`onMessage`方法中,我们将接收到的消息广播给所有其他会话。在`onClose`方法中,我们将关闭的会话从会话集合中移除。 接下来,我们需要在`web.xml`文件中配置WebSocket: ```xml <web-app> <display-name>WebSocket Chat</display-name> <servlet> <servlet-name>chat</servlet-name> <servlet-class>org.glassfish.tyrus.servlet.TyrusServlet</servlet-class> <init-param> <param-name>org.glassfish.tyrus.servlet.websocketClassnames</param-name> <param-value>com.example.ChatEndpoint</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>chat</servlet-name> <url-pattern>/chat/*</url-pattern> </servlet-mapping> </web-app> ``` 在这个配置中,我们使用了`org.glassfish.tyrus.servlet.TyrusServlet`作为WebSocket的Servlet。我们将`com.example.ChatEndpoint`指定为WebSocket处理程序的类名,并将其加载到`servlet`中。 现在,我们就可以在HTML页面中使用WebSocket来连接我们的聊天了: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WebSocket Chat</title> </head> <body> <input type="text" id="message"> <button onclick="send()">Send</button> <div id="output"></div> <script> var socket = new WebSocket('ws://localhost:8080/chat'); socket.onmessage = function (event) { var output = document.getElementById('output'); output.innerHTML += event.data + '<br>'; }; function send() { var message = document.getElementById('message').value; socket.send(message); } </script> </body> </html> ``` 在这个HTML页面中,我们创建了一个WebSocket连接到`ws://localhost:8080/chat`。当收到消息时,我们将其添加到页面上的`<div>`元素中。当点击发送按钮时,我们将输入框中的文本发送到WebSocket连接中。 这样,我们就完成了一个简易的Java WebSocket聊天实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书生-w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值