将带路线的Dash应用程序集成到适当的跑步环境中

Question

我正在努力在一个Flask网站中集成一个合适的running Dash应用程序。要么我在理解它是如何工作的方面有问题，要么这只是一个小问题
欢迎每一个提示。

• 我的烧瓶环境有以下路径：

@blueprint.route('/dash-test')
@login_required
def dash_test():
    """Integrate the Dash App into the page"""
    server = flask.Flask(__name__)
    return render_template('dashapp-test.html',
                           my_dashapp=my_dash_app(),
                           server=server
                           )

• 它正在调用包含Dash应用程序的函数：

def my_dash_app():

    app = dash.Dash(
        __name__,
        external_stylesheets=['https://codepen.io/chriddyp/pen/bWLwgP.css'],
    )

    app.layout = html.Div(id='example-div-element')
    return app

• 发送请求/短跑测试后给出的结果：

但预期的结果是：Dash应用程序出现了。

Answer 1

文档中的这一页可能对你有用。它直接处理在Flask应用程序中运行Dash。以下是他们提供的小例子：

import flask
import dash
import dash_html_components as html

server = flask.Flask(__name__)

@server.route('/')
def index():
    return 'Hello Flask app'

app = dash.Dash(
    __name__,
    server=server,
    routes_pathname_prefix='/dash/'
)

app.layout = html.Div("My Dash app")

if __name__ == '__main__':
    app.run_server(debug=True)

Answer 2

请记住：当您生成dashapp时，您正在向现有flask应用程序（也称为“服务器”）添加组件。一个合适的解决方案是构建你的flask应用程序--

# Create a function which creates your dashapp
import dash
def create_dashapp(server):
    app = dash.Dash(
        server=server,
        url_base_pathname='/dashapp/'
    )
    app.config['suppress_callback_exceptions'] = True
    app.title='Dash App'

    # Set the layout
    app.layout = layout = html.Div('Hello Dash app')

    # Register callbacks here if you want...
    
    return app


# Create your app (or server, same thing really)
server = flask.Flask(__name__)

# Initialize by passing through your function
create_dashapp(server)

# Define index route
@server.route('/')
def index():
    return 'Hello Flask app'


# Define dashapp route
@server.route('/dashapp/')
@login_required
def redirect_to_dashapp():
    return redirect('/dashapp/')


# Finally run
if __name__ == '__main__':
    app.run_server(debug=True)