WebSocket works offline, (partly) online or not at all. Ends up in default unauth handler

[MediumKoItCases]

Building a community platform where I have a simple chat function (live). Locally all works perfect. I am hosting on Heroku, ProcFile:

web: gunicorn --worker-class eventlet -w 1 app:app

Flask-SocketIO==5.0.0
python-socketio==5.7.2
eventlet==0.30.2 (0.33.3 seems to be having issues)
gunicorn==20.0.4
werkzeug==2.0.3

running app , and socket config like so:

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

sio = SocketIO( app, cors_allowed_origins=['https://www.xxx.app', 'https://xxx.herokuapp.com'] )

def authenticated_only(f):
    @functools.wraps(f)
    def wrapped(*args, **kwargs):
        if not current_user.is_authenticated:
            disconnect()
        else:
            return f(*args, **kwargs)
    return wrapped

@sio.on ( 'establish' )
@authenticated_only
def establish_sio( json ):
    if json.get('user_id') is None:
        disconnect()

    sio_cache[json['user_id']] = request.sid
    print( f'user connected sio.backend', jsonify(json) )

Online on both the main url, as the added domain I see in the heroku logs that polling and other get and post requests are going OK 200:
2023-02-06T01:11:25.619008+00:00 heroku[router]: at=info method=GET path="/socket.io/?EIO=4&transport=polling&t=OOaHnkY&sid=H3mCpInX4Aq4nRu0AAAA" host=xxx.app request_id=108a569e-3708-45e7-bbfd-f3fdad8383d7 fwd="85.149.1.211" dyno=web.1 connect=0ms service=1ms status=200 bytes=283 protocol=https
2023-02-06T01:11:25.570844+00:00 heroku[router]: at=info method=GET path="/socket.io/?EIO=4&transport=polling&t=OOaHnjS&sid=H3mCpInX4Aq4nRu0AAAA" host=xxx.app request_id=6e811a98-740c-42e4-bb92-9095f1361faf fwd="85.149.1.211" dyno=web.1 connect=0ms service=1ms status=200 bytes=315 protocol=https

However, on 'connection' and when triggered on a custom event, I initially received an error, took another look and noticed that @login_required is not valid method on socket routes. Hence, my editing along the way.

Once the user lands on the page that loads the front-end JS socket connecting, It seems the connection is instantly terminated. As my code assumes the SID id is in the list of connections, I am receiving an error on the back-end at the DC method. I fixed the error, so no back-end errors on disconnect.

Now, both the get and post polling requests are status 200 OK. But the 'custom_event' on click submission is not triggered on the server. It seems there is no connection between the server and the client.

JS Shows (fixed JS error): no errors in front-end

[miguelgrinberg]

You are going to have to make an effort to explain more clearly what issue do you have. Most of the things you have included above you seem to indicate they work okay. You make a reference to a custom_event not working, but you have not said anything about this, so I have no context.

Also, please see the troubleshooting page in the docs to learn how to enable logging, which can be helpful for me to understand the problem better.

[miguelgrinberg]

You are ignoring what I'm asking.

Also, please see the troubleshooting page in the docs to learn how to enable logging, which can be helpful for me to understand the problem better.

Please enable logging, then everything you get on the terminal. Also include the source code for the function that does not work.

[MediumKoItCases]

Hereby the function send_message that is being called, not even the first print is being reached. Note: I can use this somewhere else.

@chat_bp.route('/send_message/<recipient>', methods=['POST'])
@login_required
def send_message(recipient, sender=None, directData=None):

    print(f'{recipient} receiving msg from {sender}')
    print(current_user)

    # sender / receiver
    recipientObj = User.query.filter_by(id=recipient).first_or_404()

    if sender != None:
        senderObj = User.query.filter_by(id=sender).first_or_404()
    else:
        senderObj = acces_control_dashboard(current_user, session)

    # content of this msg
    try:        
        str_new_message = json.loads(request.data)
    except Exception as e:
        if directData == None:
            return jsonify(success=False)
        str_new_message = directData

    conversation = Conversation.query.filter(or_(
        (Conversation.recipient_id==recipientObj.id) & (Conversation.sender_id==senderObj.id), 
        (Conversation.recipient_id==senderObj.id) & (Conversation.sender_id==recipientObj.id)
    )).first()

    if conversation == None:
        conversation = Conversation(sender_id=senderObj.id, recipient_id=recipientObj.id)
        db.session.add(conversation)

    message = Message(
        body=str_new_message, 
        sender=senderObj.profilename, 
        recipient=recipientObj.profilename, 
        conversation=conversation
    )

    conversation.messages.append(message)
    db.session.commit() 
    #print(conversation, str_new_message)

    return jsonify(success=True)

And the log:

2023-02-06T23:36:34.875605+00:00 app[web.1]: gymObj.opening_times, contains: {}
2023-02-06T23:36:34.876719+00:00 app[web.1]: 0
2023-02-06T23:36:34.879737+00:00 app[web.1]: dashboard view load time: 0.009101152420043945
2023-02-06T23:36:34.893698+00:00 app[web.1]: getting messages for stephan
2023-02-06T23:36:34.900578+00:00 heroku[router]: at=info method=GET path="/stephan/conversations?conv_start_id=5" host=www.website.app request_id=a27a1488-3935-40e5-8562-825406a2766b fwd="xx.xxx.xx" dyno=web.1 connect=0ms /static/hfscripts/sendMessage.js HTTP/1.1" 200 0 "https://www.website.app/stephan/conversations?conv_start_id=5"
2023-02-06T23:37:50.183436+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:37:50.205884+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:37:53.222231+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet MESSAGE data 2["send_event",{"data":"hh","receiver_id":"4","sender_id":"3"}]
2023-02-06T23:37:53.222334+00:00 app[web.1]: received event "send_event" from Jc_UkTEXog9Fob1XAAAB [/]
2023-02-06T23:37:53.223064+00:00 app[web.1]: received a message sio.backend: {'data': 'hh', 'receiver_id': '4', 'sender_id': '3'}
2023-02-06T23:37:53.223226+00:00 app[web.1]: couldnt sent message using function 404 Not Found: The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.
2023-02-06T23:37:53.223246+00:00 app[web.1]: Jc_UkTEXog9Fob1XAAAB
2023-02-06T23:37:53.223383+00:00 app[web.1]: emitting event "my response" to all [/]
2023-02-06T23:37:53.223553+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet MESSAGE data 21["my response",{"data":"hh","receiver_id":"4","sender_id":"3"}]
2023-02-06T23:38:15.207163+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:38:15.229493+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:38:40.230314+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:38:40.252615+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:39:05.254116+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:39:05.276540+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:39:30.277448+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:39:30.299813+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:39:55.301230+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:39:55.328119+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:40:20.329787+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:40:20.352102+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:40:45.353384+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:40:45.375586+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2023-02-06T23:41:10.377315+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Sending packet PING data None
2023-02-06T23:41:10.398841+00:00 app[web.1]: YBsIktBJ1-jS7eVRAAAA: Received packet PONG data
2

[miguelgrinberg]

You can't call a route function inside a Socket.IO handler. Only Flask can call a route function when the client sends a request with a matching URL. Put the code that you want to run in your Socket.IO handler in a separate function that doesn't have @app.route, @login_required or any other Flask decorators.

[CTAdevelopment]

Alright, thank you very much for taking the time to answer my question. I will let you know if that has worked out, but it probably will. Best Regards,

[MediumKoItCases]

Miguel, this has indeed worked out for me, thanks for the support.