Flasksocketio(服务器端)未接收事件

2024-04-20 06:38:13 发布

您现在位置:Python中文网/ 问答频道 /正文

我一直在和flask socketio玩,但没能让它发挥作用

我的项目目录设置如下:

Project
├── app
│   └── main
│   │   └── __init__.py
│   │   └── events.py
│   │   └── portal
│   │       └── __init__.py
│   │       └── routes.py
│   └── templates
│   |    └── index.html
│   └── __init__.py
└── run.py
└── __init__.py

我的run.py文件:

from app import create_app, socketio

app = create_app()


if __name__ == "__main__":
    socketio.run(app, debug=True)

app\__init__.py文件

from flask import Flask

from app.main.admin.routes import admin
from app.main.api.routes import api
from app.main.website.routes import website
from app.main.portal.routes import portal

import os

from flask_socketio import SocketIO

socketio = SocketIO()


def create_app():
    app = Flask(__name__)

    app.secret_key = os.urandom(24)

    # Initialise extensions
    socketio.init_app(app)


    with app.app_context():
        app.register_blueprint(website)
        app.register_blueprint(portal, url_prefix="/portal")
    return app

events.py

from .. import socketio

@socketio.on('hello')
def handle_hello(data):
    print(data)

最后{}:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
    <script>

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

        function hey() {
            socket.emit('hello', {'data': 'hello peter r'});
        }
    </script>
</head>
<body>
    <button onclick="hey()">Hello</button>
</body>

events.py中,似乎从未收到事件hello,并且没有打印任何内容。我假设导入文件的方式有问题,但代码中没有任何问题。有人能帮忙吗

更新:我在alert.html(客户端)代码中添加了一个socket.on('connect')事件,客户端正在连接,但服务器(events.py)不会收到任何东西


Tags: frompyimportappflaskhelloinitmain
1条回答
网友
1楼 · 发布于 2024-04-20 06:38:13

问题是你的应用程序从未访问过你的events.py文件。它不是以任何方式导入或打开的。因此,处理程序从未注册

我们缺少一些代码,所以我只做了一个简单的工作示例。只需将所有这些文件放在同一个文件夹中:

run.py

from main import create_app, socketio

# Import the handler, you don't actually have to do anything with it, just import
import events

# Create the app
app = create_app()


if __name__ == "__main__":

    # Run the app on a specific port
    socketio.run(app, debug=True, port=5006)

main.py

import os

from flask import Flask
from flask_socketio import SocketIO

# Create the socketio app
socketio = SocketIO()


def create_app() -> Flask:

    # Create a Flask app
    app = Flask(__name__, static_folder="./")
    app.secret_key = os.urandom(24)

    # Initialise extensions
    socketio.init_app(app)

    # Register some endpoints, in this case just serve index.html
    @app.route('/')
    def index():
        return app.send_static_file('index.html')

    return app

events.py

from main import socketio

@socketio.on('hello')
def handle_hello(data):
    print(data)

index.html

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.1/socket.io.js" integrity="sha512-AcZyhRP/tbAEsXCCGlziPun5iFvcSUpEz2jKkx0blkYKbxU81F+iq8FURwPn1sYFeksJ+sDDrI5XujsqSobWdQ==" crossorigin="anonymous"></script>
        <script>
            const socket = io.connect('http://localhost:5006/');

            // Show a message when we're connected to the server
            socket.on('connect', () => console.log('We\'re connected!'));

            function hey() {
                socket.emit('hello', {
                    'data': 'Hello Peter!'
                });
            }
        </script>
    </head>
    <body>
        <button onclick="hey()">Hello</button>
    </body>
</html>

相关问题 更多 >