pythonとjavascriptで動くwebsocketのサンプル

ore · ore · commit 453ee20b511b · 2019-01-06T20:46:09.000+09:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.venv/*
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+    "python.pythonPath": ".venv/bin/python",
+    "python.venvPath": ".venv"
+}
diff --git a/Pipfile b/Pipfile
@@ -0,0 +1,17 @@
+[[source]]
+name = "pypi"
+url = "https://pypi.org/simple"
+verify_ssl = true
+
+[dev-packages]
+python-language-server = "*"
+jedi = "*"
+pylint = "*"
+
+[packages]
+flask = "*"
+flask-socketio = "*"
+flask-cors = "*"
+
+[requires]
+python_version = "3.6"
diff --git a/Pipfile.lock b/Pipfile.lock
diff --git a/test.html b/test.html
@@ -0,0 +1,16 @@
+<head>
+</head>
+
+<body>
+<p>TEST</p>
+<form action="">
+    <input type="text" id="msg"></input>    
+    <button type="submit" id="submit">送信</button>    
+</form>
+<ul id="message">
+<li>LINE1</li>
+</ul>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
+<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
+<script src="./test.js"></script>
+</body>
diff --git a/test.js b/test.js
@@ -0,0 +1,12 @@
+$(function(){
+    var socket = io('http://localhost:5000');
+    $("form").submit(function(e){
+        e.preventDefault();
+        socket.emit('msg', $("#msg").val());
+        $("#msg").val("");
+        return false;
+    });
+    socket.on('msg', function(msg){
+        $('#message').append($("<li>").text(msg));
+    })
+})
diff --git a/test.py b/test.py
@@ -0,0 +1,22 @@
+from flask import Flask
+from flask_socketio import SocketIO
+from flask_socketio import send, emit
+from flask_cors import CORS
+
+app  = Flask(__name__)
+CORS(app)
+socketio = SocketIO(app)
+
+@socketio.on('msg')
+def test(message):
+    print(message)
+    emit('msg', message, broadcast=True)
+
+@app.route('/')
+def main():
+    print("root directory")
+    return 'root'
+
+if __name__ == '__main__':
+    #app.run(host='0.0.0.0', port=80)
+    socketio.run(app)

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "python.pythonPath": ".venv/bin/python",
 +    "python.venvPath": ".venv"
 +}