Как обновить титульную страницу после выполнения серверной задачи - PullRequest
Новая
       24

Как обновить титульную страницу после выполнения серверной задачи

0 голосов
/ 18 ноября 2018

Я разрабатываю веб-приложение с Python-флаконом, процесс обработки выглядит следующим образом:

  1. Пользователь выбирает указанный URL-адрес и просит сайт сервера выполнить некоторую трудоемкую задачу;
  2. Затем в новом потоке выполняется трудоемкая задача;
  3. После выполнения # 2 сервер обновит некоторую информацию, касающуюся URL, мне нужно обновить страницу в # 1

Я не знаю, как уведомить интерфейсное состояние о завершении, чтобы обновить страницу.

Кто-нибудь может мне помочь?Спасибо

1 Ответ

0 голосов
/ 18 ноября 2018

Использование flask-socketio , вероятно, сработает для того, что вы просите.Он устанавливает соединение между внешним интерфейсом и внутренним интерфейсом, которое позволяет внутреннему устройству отправлять сообщение, а внешний интерфейс регистрирует обратный вызов, который запускается при получении события. 

$ pip install flask-socketio

app.py 

import json
import time

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)


@app.route('/')
def hello(name=None):
    return render_template('index.html')


@socketio.on('long-running-event')
def handle_my_custom_event(input_json):
    time.sleep(5)
    emit('processing-finished', json.dumps({'data': 'finished processing!'}))


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

templates / index.html 

<html>
<body>
<button id="long-running-operation">Process data</button>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
<script type="text/javascript" charset="utf-8">
    var socket = io.connect('http://' + document.domain + ':' + location.port);

    let button = document.getElementById('long-running-operation');

    button.addEventListener('click', () => {
      socket.emit('long-running-event', {data: 'process data'});
    });

    socket.on('processing-finished', function (data) {
      alert(JSON.parse(data).data)
    });

</script>
</body>
</html>

Затем запустите приложение с python app.py.Посетите приложение в браузере по адресу http://127.0.0.1:5000/ и нажмите кнопку.Кнопка отправляет запрос 'long-running-event' в колбу, и колба обрабатывает его, спя в течение 5 секунд, чтобы имитировать длительный процесс.Затем колба отправляет сообщение 'processing-finished, а javascript запускает зарегистрированный обратный вызов для прослушивания этого события, предупреждая об этом сообщение, отправленное колбой.

...