Search code examples
pythonmultithreadingasynchronousbottle

How to implement "Your file is being prepared. Please wait 1 minute." that auto-updates when the file is ready with Python Bottle?


I'd like to do a "Your file is being prepared. Please wait 1 minute." page that auto-updates by making the client download the file when it's ready.

Obviously, this doesn't work:

from bottle import route, post, get, run, request, view, static_file, redirect
import time
from threading import Thread

def dothejob(i):
    time.sleep(10)  # the file takes 5 to 60 seconds to be prepared
    with open('test.txt', 'w') as f:
        f.write('Hello')
    return static_file('test.txt', root='.', download=True)  # error here

@get('/generatefile')
def generatefile():
    i = request.params.get('id', '', type=str)
    thread = Thread(target=dothejob, args=(i, ))
    thread.start()
    return "Your file is being prepared. Please wait 1 minute."

run(host='0.0.0.0', port=80, debug=True, quiet=True)

because the HTTP request doesn't exist anymore when dothejob returns:

RuntimeError: Request context not initialized.

How to do properly such an auto-updating page when the file is ready on server?

Note:

  • I'd like to avoid websockets here (I already used it for more complex projects: chat, etc. and it sometimes does not work on certain connections that don't accept it + other reasons out of topic here) and go for the simplest solution possible.

  • I'm wondering if it really needs an AJAX polling like Update and render a value from Flask periodically's answer, or if there is a simpler solution.


Solution

  • I tried to write a solution (not 100% sure such a polling is really necessary). Of course the HTML+JS has to be moved into real HTML / JS files, but here I kept it small for a minimal example:

    from bottle import get, run, request, static_file
    import time
    from threading import Thread
    import os
    
    def dothejob(i):
        time.sleep(5)  # the file takes 5 to 60 seconds to be prepared
        with open('test.txt', 'w') as f:
            f.write('Hello')
    
    @get('/<filename>')
    def static(filename):
        return static_file(filename, root='.', download=True)
    
    @get('/isready')
    def isready():
        return '1' if os.path.exists('test.txt') else '0'
    
    @get('/')
    def generatefile():
        i = request.params.get('id', '', type=str)
        thread = Thread(target=dothejob, args=(i, ))
        thread.start()
        return """Your file is being prepared. Please wait 5 seconds (do not reload the page)...
    <script>
    poll = function () {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '/isready');
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                if (xhr.responseText == 1)
                    document.write('Your file is now ready: <a href="/test.txt">download link</a>');
                else
                    setTimeout(poll, 1000);
            }
        }
        xhr.send(null);
    }
    
    setTimeout(poll, 1000);
    </script>
    """    
    
    run(host='0.0.0.0', port=80, debug=True, quiet=True)