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

flask socketio example

Add Answer

Talhah Patelia answered on October 31, 2020 Popularity 10/10 Helpfulness 5/10

answer flask socketio example

related Flask socket io

related flask socketio usage javascript

related websockets socketio flask

related flask socketio usage

related flask socketio send

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 javascript

Link to this answer
Share Copy Link

Contributed on Jun 17 2022

Talhah Patelia

0 Answers Avg Quality 2/10

Closely Related Answers

Flask socket io

Comment

pip install flask-socketio

Popularity 10/10 Helpfulness 4/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 socketio usage javascript

Comment

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA==" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
    var socket = io();
    socket.on('connect', function() {
        socket.emit('my event', {data: 'I\'m connected!'});
    });
</script>

Popularity 8/10 Helpfulness 3/10 Language whatever

Source: flask-socketio.readthedocs.io

Tags: flask-socketio flas

Link to this answer
Share Copy Link

Contributed on Oct 04 2021

Stupid Squirrel

0 Answers Avg Quality 2/10

websockets socketio flask

Comment

<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js" integrity="sha256-yr4fRk/GU1ehYJPAs8P4JlTgu0Hdsp4ZKrx8bDEDC3I=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
    var socket = io();
    socket.on('connect', function() {
        socket.emit('my event', {data: 'I\'m connected!'});
    });
</script>

Popularity 9/10 Helpfulness 2/10 Language typescript

Source: flask-socketio.readthedocs.io

Tags: flask flas

Link to this answer
Share Copy Link

Contributed on Jan 15 2021

Frightened Fowl

0 Answers Avg Quality 2/10

flask socketio usage

Comment

from flask import Flask, render_template
from flask_socketio import SocketIO

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)

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

Popularity 10/10 Helpfulness 2/10 Language python

Source: flask-socketio.readthedocs.io

Tags: flask-socketio flas

Link to this answer
Share Copy Link

Contributed on Oct 04 2021

Stupid Squirrel

0 Answers Avg Quality 2/10

flask socketio send

Comment

from flask_socketio import send

@socketio.on('message')
def handle_message(message):
    send(message)

Popularity 10/10 Helpfulness 1/10 Language python

Source: flask-socketio.readthedocs.io

Tags: flask-socketio flas

Link to this answer
Share Copy Link

Contributed on Sep 08 2021

winkers

0 Answers Avg Quality 2/10

flask socketio example

Contents

More Related Answers

flask socketio example

Closely Related Answers

Flask socket io

flask socketio usage javascript

websockets socketio flask

flask socketio usage

flask socketio send

Grepper

Documentation

Social

Legal

Contact

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