Breaking News: Grepper is joining You.com. Read the official announcement!

Flask socket io

Add Answer

Blue Bug answered on October 31, 2020 Popularity 10/10 Helpfulness 4/10

answer Flask socket io

related flask socketio example

related Flask socket io

Flask socket io

Comment

pip install flask-socketio

Popularity 10/10 Helpfulness 4/10 Language python

Source: flask-socketio.readthedocs.io

Tags: flask io python

Link to this answer
Share Copy Link

Contributed on Oct 31 2020

Blue Bug

0 Answers Avg Quality 2/10

Closely Related Answers

flask socketio example

Comment

// =============================================================== SERVER
from flask import Flask, send_from_directory, request, render_template, session, copy_current_request_context
from flask_cors import CORS
from flask_socketio import SocketIO, emit

app = Flask(__name__)
CORS(app)

socketio = SocketIO(app)
socketio.init_app(app, cors_allowed_origins="*", logger=True, engineio_logger=True)

@socketio.on('connect')
def test_connect(msg):
    print('Connected')


@socketio.on('disconnect')
def test_disconnect():
    print('Client disconnected')

@socketio.on('messageTestWSS')
def messageTest(msg):
    print('Getting messages: ' + msg)
    emit('messageTestWSS', msg, broadcast=True)
if __name__ == '__main__':
    socketio.run(app, ssl_context=('PATH_TO/fullchain.pem', 'PATH_TO/privkey.pem'), host= '0.0.0.0', port=443, debug=True)

// =============================================================== CLIENT
import { Button } from '@mantine/core'
import React, { useEffect, useState } from 'react'
import io from 'Socket.IO-client'


export default function socket() {
    // const socket = io(process.env.NEXT_PUBLIC_SERVER_URL)
    const [messages, setMessages] = useState(null)
    useEffect(() => {
        socketInitializer()

        // Await a message from the socket
        socket.on('messageTestWSS', (data) => {
            setMessages(data)
        })

    }, [])

    // Setup connection
    const socketInitializer = async () => {
        socket = io(process.env.NEXT_PUBLIC_SERVER_URL)
    }



    return (
        <>
            <input id="inputID" />
            <Button onClick={() => {
                if (socket.connected) {
                    let inputInfo = document.getElementById('inputID')
                    console.log(inputInfo.value)
                    socket.emit('messageTestWSS', inputInfo.value)
                } else {
                    alert('Connection is closed')
                }

            }}>Submit</Button>

            <br />

            <Button color='cyan' onClick={() => {
                // re-setup connection to SOCKET

                socket.connect()

            }}>CONNECT</Button>
            <Button color='red' onClick={() => {
                socket.disconnect()
            }}>DISCONNECT</Button>

            <br />

            <p>{messages}</p>
        </>
    )
}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: flask-socketio flas

Link to this answer
Share Copy Link

Contributed on Jun 17 2022

Talhah Patelia

0 Answers Avg Quality 2/10

Flask socket io

Comment

-2

gunicorn -k geventwebsocket.gunicorn.workers.GeventWebSocketWorker -w 1 module:app

Popularity 10/10 Helpfulness 1/10 Language python

Source: flask-socketio.readthedocs.io

Tags: flask flas

Link to this answer
Share Copy Link

Contributed on Oct 31 2020

Blue Bug

0 Answers Avg Quality 2/10

Flask socket io

Contents

More Related Answers

Flask socket io

Closely Related Answers

flask socketio example

Flask socket io

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.