使用Socket.io实现实时更新聊天记录

1.先了解什么是WebSocket

WebSocket 连接本质上就是一个 TCP 连接,WebSocket会通过http请求建立,建立后的WebSocket会在客户端和服务器端建立一个持久的连接,直到有一方主动的关闭了该连接。所以现在服务器就知道有哪些用户正在连接了,这样通讯就变得相对容易了。

2.Socket,io

Socket.io实际上是WebSocket的父集,Socket.io封装了WebSocket和轮询等方法,他会根据情况选择方法来进行通讯。

二.demo操作如下

1.创建一个文件夹后终端打开

初始化

npm init -y

安装express和socket,io

cnpm install --save express socket.io
2.然后新建一个public/01.html和app.js的文件

在这里插入图片描述
01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>群聊</title>
</head>
<body>
<h1>群聊</h1>
<div style="width: 30%; float: left">
    输入:<input type="text" id="msginput">
    <button id="msgbtn"
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现实时聊天应用程序,您需要使用以下技术: 1. Spring Boot:用于构建应用程序后端,它提供了一组开箱即用的库和工具,使构建Web应用程序变得容易。 2. MySQL:用于存储应用程序的数据,例如用户信息,聊天记录等。 3. Android Studio:用于构建移动应用程序的开发环境。 4. Socket.IO:用于实现实时通信的JavaScript库。 下面是实现步骤: 1. 首先,您需要创建一个Spring Boot应用程序,并将MySQL作为数据库。您可以使用Spring Initializr来创建应用程序。 2. 创建一个名为“chat”的数据库,并添加“users”和“messages”表。用户表将存储用户信息,例如用户名和密码。消息表将存储聊天记录。 3. 创建一个REST API,用于处理用户注册,登录和消息发送请求。您可以使用Spring MVC来创建API。 4. 在Android Studio中创建一个新的Android应用程序,并添加Socket.IO库。这将允许您通过WebSocket通信协议实现实时通信。 5. 实现用户注册和登录功能。当用户注册时,将其用户名和密码保存到MySQL数据库中。当用户登录时,验证其凭据并返回一个JSON Web Token(JWT)。 6. 实现消息发送和接收功能。在Android应用程序中,您可以使用Socket.IO库将消息发送到后端,然后将其保存到MySQL数据库中。在后端,您可以使用Socket.IO库将消息推送给其他连接到应用程序的客户端。 7. 实现聊天界面。在Android应用程序中,您可以使用RecyclerView和Adapter来显示聊天记录。当新消息到达时,将其添加到RecyclerView中。 8. 最后,测试您的应用程序。确保您可以注册,登录,发送消息并收到实时通知。 希望这可以帮助您实现实时聊天应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值