Flask-SocketIO как связать взаимодействие пользователя с порожденным процессом в обработчике событий - PullRequest
0 голосов
/ 26 мая 2018

Моя цель - запустить процесс с помощью другого скрипта Python (который требует некоторого взаимодействия с оболочкой для ввода кода авторизации) после того, как пользователь нажмет кнопку на веб-странице.

Сценарий register.py имеет два возможных результата оболочки: либо он запрашивает ввод кода авторизации, если пользователь не аутентифицирован, либо просто завершается отсутствием возвращаемого сообщения, которое указывает, что пользователь уже аутентифицирован.

Пока я могу запустить этот файл register.py и через socketio вывести состояние возврата, если скрипт запросил код авторизации или нет, и показать его пользователю, но я не знаю, как мне принять код авторизациииз пользовательского ввода на веб-странице и загрузите его снова в функцию регистрации, если пользователь еще не аутентифицирован?

Код:

Файл приложения Flask - код немногоизмененный пример Flask-SocketIO

from threading import Lock
from flask import Flask, render_template, session, request
from flask_socketio import SocketIO, emit, disconnect

import pexpect


async_mode = None
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app, async_mode=async_mode)
thread = None
thread_lock = Lock()


def register(username, phone):
    child = pexpect.spawn('python3 register.py -u ' + username + ' -p ' + phone )
    i = child.expect(['Please enter the code .*', pexpect.EOF])
    socketio.emit('my_response', {'data': 'pexpect result ' + str(i) + ' ' + child.after.decode(), 'count': 55555}, namespace='/test')


@app.route('/')
def index():
    return render_template('index.html')


@socketio.on("authenticate", namespace="/test")
def authenticate(message):
    global thread
    with thread_lock:
        if thread is None:
            thread = socketio.start_background_task(target=lambda: register("radicz", "+999999000999"))

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

HTML-файл

    <!DOCTYPE HTML>
<html>
<head>
    <title>Flask-SocketIO Test</title>
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.5/socket.io.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            // Use a "/test" namespace.
            // An application can open a connection on multiple namespaces, and
            // Socket.IO will multiplex all those connections on a single
            // physical channel. If you don't care about multiple channels, you
            // can set the namespace to an empty string.
            namespace = '/test';

            // Connect to the Socket.IO server.
            // The connection URL has the following format:
            //     http[s]://<domain>:<port>[/<namespace>]
            var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port + namespace);


            // Event handler for new connections.
            // The callback function is invoked when a connection with the
            // server is established.
            socket.on('connect', function() {
                socket.emit('my_event', {data: 'I\'m connected!'});
            });

            $("#register").on("click", function(){
                socket.emit("authenticate", {data: "cislo + jmeno"})
                console.log("register fired!");
            });

            // Event handler for server sent data.
            // The callback function is invoked whenever the server emits data
            // to the client. The data is then displayed in the "Received"
            // section of the page.
            socket.on('my_response', function(msg) {
                $('#log').append('<br>' + $('<div/>').text('Received #' + msg.count + ': ' + msg.data).html());
            });


            // Handlers for the different forms in the page.
            // These accept data from the user and send it to the server in a
            // variety of ways
            $('form#emit').submit(function(event) {
                socket.emit('my_event', {data: $('#emit_data').val()});
                return false;
            });
            $('form#disconnect').submit(function(event) {
                socket.emit('disconnect_request');
                return false;
            });
        });
    </script>
</head>
<body>
    <h1>Flask-SocketIO Test</h1>
    <button id="register">register</button>
    <h2>Send:</h2>
    <form id="emit" method="POST" action='#'>
        <input type="text" name="emit_data" id="emit_data" placeholder="Message">
        <input type="submit" value="Echo">
    </form>
    <form id="disconnect" method="POST" action="#">
        <input type="submit" value="Disconnect">
    </form>
    <h2>Receive:</h2>
    <div id="log"></div>
</body>
</html>

Итак, вопрос в том, как получить предоставленный пользователем код авторизации и загрузить его в функцию регистра?Я подумал, что мог бы использовать какую-то методику выдачи, например, emit, если требуется аутентификация со стороны сервера, затем генерировать событие со стороны клиента, которое снова запускает функцию регистрации на бэкэнде, но эта функция будет продолжаться с той точки, когда в последний раз была получена, но яЯ не уверен, как это сделать правильно, или, если это возможно, или я полностью отключен, и есть какие-то другие методы, чтобы сделать это легче?

Редактировать: или, может быть, это правильный путь?

1 Ответ

0 голосов
/ 27 мая 2018

Я не очень хорошо это тестировал, но кажется, что добавление другого обработчика событий socketio в функцию регистра помогает моей цели.

def register(username, phone):
    child = pexpect.spawn('python3 register.py -u ' + username + ' -p ' + phone )
    i = child.expect(['Please enter the code .*', pexpect.EOF])
    socketio.emit('my_response', {'data': 'pexpect result ' + str(i) + ' ' + child.after.decode(), 'count': 55555}, namespace='/test')

    @socketio.on("another_event", namespace="/test")
    def another_callback(message):
        # actual code that I wanted to run
...