时间戳

首页 > 解决方案 > 如何使用 Flask-SocketIO、Python、Javascript 创建简单的“聊天应用程序”？

javascript - 如何使用 Flask-SocketIO、Python、Javascript 创建简单的“聊天应用程序”？

问题描述

如何编辑这些代码，以便当我单击按钮时，输入文本将附加到空的无序列表并能够广播给其他“用户”？

HTML 代码

    <body>
       <ul>
       </ul>
       <input type="text" id="myMessage">
       <button>Send</button>
    </body>

Javascript模板代码

document.addEventListener('DOMContentLoaded', () => {

    var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port);

    socket.on('connect', () => {

    });

    socket.on('announce chat', data => {

    });
});

Python代码

app = Flask(__name__)
app.config["SECRET_KEY"] = os.getenv("SECRET_KEY")
socketio = SocketIO(app)

@app.route("/")
def index():
    return render_template("index.html")

@socketio.on("submit chat")
def chat(data):

标签： javascriptpythonflasksocket.io

解决方案

好吧，您不要调用您的提交聊天，并且应该将其格式化为 submit_chat 而不是中间有空格。

在您的 socket.io 脚本上，您没有调用 submit_chat，您确实有宣布聊天...

 socket.on('submit_chat', data => {

});

推荐阅读