在Flask应用中运行Dash应用

Question

我有一个现有的Flask应用程序，我想有一个到另一个应用程序的路径。更具体地说，第二个应用程序是一个绘声绘色的短跑应用程序。如何在现有Flask应用程序中运行Dash应用程序？

@app.route('/plotly_dashboard') 
def render_dashboard():
    # go to dash app

我还尝试添加一个路由到Dash实例，因为它是一个Flask应用程序，但我得到了错误：

AttributeError: 'Dash' object has no attribute 'route'

Answer 1

好的对于那些像我一样够懒的人这里是代码

from dash import Dash
from werkzeug.wsgi import DispatcherMiddleware
import flask
from werkzeug.serving import run_simple
import dash_html_components as html

server = flask.Flask(__name__)
dash_app1 = Dash(__name__, server = server, url_base_pathname='/dashboard' )
dash_app2 = Dash(__name__, server = server, url_base_pathname='/reports')
dash_app1.layout = html.Div([html.H1('Hi there, I am app1 for dashboards')])
dash_app2.layout = html.Div([html.H1('Hi there, I am app2 for reports')])
@server.route('/')
@server.route('/hello')
def hello():
    return 'hello world!'

@server.route('/dashboard')
def render_dashboard():
    return flask.redirect('/dash1')


@server.route('/reports')
def render_reports():
    return flask.redirect('/dash2')

app = DispatcherMiddleware(server, {
    '/dash1': dash_app1.server,
    '/dash2': dash_app2.server
})

run_simple('0.0.0.0', 8080, app, use_reloader=True, use_debugger=True)

Answer 2

在Dash实例中设置url\u base\u路径名。

app_flask = flask.Flask(__name__)

app_dash = dash.Dash(__name__, server=app_flask, url_base_pathname='/pathname')

现在，您可以在任何需要的路径下重定向到Plotly Dashboard应用程序。

@app_flask.route('/plotly_dashboard') 
def render_dashboard():
    return flask.redirect('/pathname')

Answer 3

从文档中：

基础的Flask应用可在app.server获得。

import dash
app = dash.Dash(__name__)
server = app.server

您还可以将自己的Flask应用实例传递到Dash中：

import flask
server = flask.Flask(__name__)
app = dash.Dash(__name__, server=server)

现在已经有了Flask实例，可以添加任何需要的路由和其他功能。

@server.route('/hello')
def hello():
    return 'Hello, World!'

对于更一般的问题“如何为相邻的两个Flask实例提供服务”，假设您没有像上面的破折号回答中那样使用一个实例，那么您将使用dispatchermidware装载这两个应用程序。

dash_app = Dash(__name__)
flask_app = Flask(__name__)

application = DispatcherMiddleware(flask_app, {'/dash': dash_app.server})