Skip to content
Snippets Groups Projects
Commit 31436232 authored by Muhamad Nobel Fauzan's avatar Muhamad Nobel Fauzan
Browse files

simple websocket app

parent 99c52a2e
Branches
Tags
No related merge requests found
app.py 0 → 100644
from flask import Flask
from flask_socketio import SocketIO, send
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app, cors_allowed_origins='*')
@socketio.on('message')
def handleMessage(msg):
send("message received : " + msg, broadcast=False) #will be replaced with QA matching function
if __name__ == '__main__':
socketio.run(app)
\ No newline at end of file
<html>
<head>
<title>Chat Room</title>
<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 src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
var socket = io.connect('http://127.0.0.1:5000');
socket.on('connect', function() {
socket.send('connected');
});
socket.on('message', function(msg) {
$("#messages").append('<li>'+msg+'</li>')
});
$('#sendbutton').on('click',function() {
socket.send($('#myMessage').val());
$('#myMessage').val('');
});
});
</script>
<ul id="messages"></ul>
<input type="text" id="myMessage">
<button id="sendbutton">Send</button>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment