mux99 · mux99 · Apr 17, 2024 · Mar 21, 2024 · Mar 21, 2024 · Mar 21, 2024
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+flask_app/__pycache__/
diff --git a/README.md b/README.md
@@ -1,2 +1,10 @@
 # mptcp-check
-a website to check the validity of a mptcp connection
+A website to check the validity of a mptcp connection
+
+The website is designed with [Flask](https://flask.palletsprojects.com/en/3.0.x/), it can be installed with `pip install Flask`.
+For test purposses, the app can be started with `flask run` from `/flask_app`.
+For production, one of the [recommended](https://flask.palletsprojects.com/en/3.0.x/deploying/) app should be used instead.
+
+For convegnance, `uwsgi` can be used with the provided `app.ini` config file.
+simply run => `mptcpize run uwsgi --ini app.ini` preferably as root.
+
diff --git a/app.ini b/app.ini
@@ -0,0 +1,8 @@
+[uwsgi]
+module = flask_app.app:app
+master = true
+processes = 3
+socket = socket.sock
+chmod-socket = 660
+vacuum = true
+die-on-term = true
diff --git a/flask_app/app.py b/flask_app/app.py
@@ -0,0 +1,52 @@
+from flask import Flask, request, render_template, Response
+from subprocess import check_output
+
+app = Flask(__name__)
+
+@app.route("/")
+def mptcp_status_page():
+    """
+    Flask route to display MPTCP connection status.
+
+    Retrieves the visitor's IP and port, checks for MPTCP data in the connections dictionary,
+    and renders the webpage with the connection status.
+
+    Returns:
+    Rendered webpage with connection status and MPTCP version if established.
+    """
+
+    addr = request.remote_addr
+    port = request.environ.get('REMOTE_PORT')
+
+    try:
+        conn = check_output(["ss", "-MtnH", "src", f"{addr}", "sport", f"{port}"]).decode("ascii")
+        if (conn == ""):
+            pass
+
+        if list(filter(None, conn.split(' ')))[0] == "mptcp":
+            state_message = 'Established'
+            state_class = 'success'
+        else:
+            state_message = 'Not Established'
+            state_class = 'fail'
+    except:
+        state_message = 'Established'
+        state_class = 'error'
+
+    return render_template('index.html', state_message=state_message, state_class=state_class)
+
+@app.route('/stream_audio')
+def stream_audio():
+    def generate_audio():
+        # Your audio streaming logic goes here
+        # You can read audio data from a file or generate it dynamically
+        # Example: Streaming a static audio file
+        with open('sounds/joyful-whistle-186300.mp3', 'rb') as f:
+            while True:
+                audio_chunk = f.read(1024)
+                if not audio_chunk:
+                    break
+                yield audio_chunk
+
+    return Response(generate_audio(), mimetype='audio/mpeg')
+
diff --git a/flask_app/sounds/joyful-whistle-186300.mp3 b/flask_app/sounds/joyful-whistle-186300.mp3
diff --git a/flask_app/static/styles.css b/flask_app/static/styles.css
@@ -0,0 +1,45 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+}
+
+.container {
+    max-width: 600px;
+    margin: 50px auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+    text-align: center;
+}
+
+#connection-status {
+    text-align: center;
+    margin-top: 30px;
+    font-size: 18px;
+    padding: 20px;
+    border-radius: 5px;
+}
+
+.error {
+    background-color: #f0ad4e;
+}
+
+.success {
+    background-color: #5cb85c;
+    color: white;
+}
+
+.fail {
+    background-color: #d9534f;
+    color: white;
+}
+
+p {
+    margin: 0;
+}
diff --git a/flask_app/templates/index.html b/flask_app/templates/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>MPTCP Connection Status</title>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
+</head>
+<body>
+    <div class="container">
+        <h1>MPTCP Connection Status</h1>
+        <div id="connection-status" class="{{ state_class }}">
+            <p>MPTCP Connection is <strong>{{ state_message }}</strong></p>
+        </div>
+    </div>
+</body>
+</html>