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

flask socketio usage javascript

Add Answer

Stupid Squirrel answered on October 4, 2021 Popularity 8/10 Helpfulness 3/10

answer flask socketio usage javascript

related flask socketio example

related flask socketio usage

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 javascript whatever

Link to this answer
Share Copy Link

Contributed on Oct 04 2021

Stupid Squirrel

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 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 usage javascript

Contents

More Related Answers

flask socketio usage javascript

Closely Related Answers

flask socketio example

flask socketio usage

Grepper

Documentation

Social

Legal

Contact

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