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
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复