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

Question

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

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):

Answer 1

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

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

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

});

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

问题描述

HTML代码

Javascript 模板代码

Python代码

1 个解决方案

解决方案1
0 2020-06-18 12:48:34

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

问题描述

HTML代码

Javascript 模板代码

Python代码

1 个解决方案

解决方案1 0 2020-06-18 12:48:34

解决方案1
0 2020-06-18 12:48:34