Flask-SocketIO не получает сообщение - PullRequest
Новая
       33

Flask-SocketIO не получает сообщение

0 голосов
/ 31 мая 2018

SocketIO версия 1.3.6

Python 3.6

Я использую Flask-SocketIO в своем приложении python для отправки и получения сообщений.Я могу отправить сообщение (я вижу вывод в терминале), но клиент не получает сообщение (нет вывода в консоли). 

$(document).ready(function() {
  var socket = io.connect('http://localhost:5000/');
  socket.on('connect', function() {
    console.log("connected")
  });
  socket.on('message', function(msg) {
    console.log('Received message');
  });
  $('#submitmsg').on('click', function() {
    socket.send($('#usermsg').val());
    $('#usermsg').val('');
  });
});

Окно чата HTML: 

<div id="wrapper">
    <div id="menu">
        <p class="welcome">Welcome<b></b></p>
        <p class="logout"><a id="exit" href="#">Exit</a></p>
        <div style="clear:both"></div>
    </div>

    <div id="chatbox"></div>

    <form name="message" action="">
        <input name="usermsg" type="text" id="usermsg" size="63" />
        <input name="submitmsg" type="submit" id="submitmsg" value="Send" />
    </form>
</div>

РЕДАКТИРОВАТЬ: Добавление кода сервера: 

from flask import Flask, render_template
from flask_socketio import SocketIO, send

app = Flask(__name__)
socketio = SocketIO(app)

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

@socketio.on('message')
def handleMessage(msg):
    print('Message: ' + msg)
    send(msg, broadcast=True)

if __name__ == '__main__':
    socketio.run(app)

Если полученное сообщение работает, я должен увидеть 'Received message' в консоли браузера, но я не вижу его.Чего мне не хватает?Любое предложение?

1 Ответ

0 голосов
/ 31 мая 2018

Вы используете <input name="submitmsg" type="submit" id="submitmsg" value="Send"/> для отправки формы, она сгенерирует запрос POST, затем ваша страница будет перезагружена, поэтому ваша функция JS socket.on() на странице не будет вызываться.

Очевидно, что с Flask-SocketIO вам не нужно использовать запрос POST.Так что просто измените его на <button name="submitmsg" id="submitmsg">Send</button> и удалите тег <form>, то есть: 

<div id="wrapper" display = 'none'>
    ...
    <div id="chatbox"></div>

    <input name="usermsg" type="text" id="usermsg" size="63"/>
    <button name="submitmsg" id="submitmsg">Send</button>
</div>
...