Web聊天室源码是一种用于创建在线聊天室的代码。
from flask import Flask, render_template
from flask_socketio import SocketIO, emit
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)
@app.route('/')
def index():
return render_template('index.html')
@socketio.on('message', namespace='/chat')
def chat_message(message):
emit('message', message, broadcast=True)
if __name__ == '__main__':
socketio.run(app)
在同一目录下创建一个名为templates的文件夹，并在其中创建一个名为index.html的文件，内容如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<title>Web Chat Room</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.min.js"></script>
<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
</head>
<body>
<div id="messages"></div>
<input type="text" id="message" placeholder="Type your message here...">
<button onclick="sendMessage()">Send</button>
<script>
var socket = io.connect('http://' + document.domain + ':' + location.port + '/chat');
socket.on('message', function(data) {
$('#messages').append('<p>' + data + '</p>');
});
function sendMessage() {
var message = $('#message').val();
socket.emit('message', message);
$('#message').val('');
}
</script>
</body>
</html>
运行上述Python代码，然后在浏览器中访问http://localhost:5000，即可看到一个简单的Web聊天室界面，用户可以在输入框中输入消息并点击“发送”按钮，消息将实时显示在聊天室中。
小伙伴们，上文介绍了“web聊天室源码”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1185259.html
