将 Dash 应用程序集成到 Flask：最小示例

Question

我想创建一个 Flask 网络应用程序。我想将多个 Dash 应用程序集成到该站点中，并在主页上显示指向每个 Dash 应用程序的链接。这是一个最小的示例：主页应如下所示：

from flask import Flask
app = Flask(__name__)

@app.route("/")
def main():
   return "Hello World"

if __name__ == "__main__":
   app.run(debug = True)

假设我们有一个 Dash 应用程序，如下所示：

import dash
import dash_html_components as html 
app = dash.Dash(__name__)

app.layout = html.Div("Hello world 1")

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

我现在的问题是：如何通过以下方式将 Dash 应用程序集成到 Flask 应用程序中：1）Flask 应用程序中应该有一个指向 Dash 应用程序的链接 2）Dash 应用程序的位置应该是例如/dash（主页在这种情况下，位于/）3）如果有第二个和第三个破折号的应用程序，它应该很容易添加另一个链接和位置（例如/dash2，/dash3，...）

有很多帖子处理这个问题 - 但是，我没有找到最小的例子。

Answer 1

将一个或多个 Dash 应用程序与现有的 WSGI 应用程序相结合

以下示例通过将两个 Dash 应用程序与一个 Flask 应用程序相结合来说明这种方法。

烧瓶应用程序.py

from flask import Flask

flask_app = Flask(__name__)

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

应用程序1.py

import dash
import dash_html_components as html

app = dash.Dash(
    __name__,
    requests_pathname_prefix='/app1/'
)

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

应用程序2.py

import dash
import dash_html_components as html

app = dash.Dash(
    __name__,
    requests_pathname_prefix='/app2/'
)

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

wsgi.py

from werkzeug.wsgi import DispatcherMiddleware

from app1 import app as app1
from app2 import app as app2

application = DispatcherMiddleware(flask_app, {
    '/app1': app1.server,
    '/app2': app2.server,
})  

在此示例中，Flask 应用程序已挂载在 /，两个 Dash 应用程序已挂载在 /app1 和 /app2。在这种方法中，我们不会将 Flask 服务器传递给 Dash 应用程序，而是让它们创建自己的服务器，DispatcherMiddleware 根据传入请求的前缀将请求路由到该服务器。在每个 Dash 应用程序中，必须将 requests_pathname_prefix 指定为应用程序的挂载点，以匹配 DispatcherMiddleware 设置的路由前缀。

请注意，wsgi.py 中的应用程序对象是 werkzeug.wsgi.DispatcherMiddleware 类型，它没有 run 方法。这可以作为 WSGI 应用程序运行，如下所示：

$ gunicorn wsgi:application 

或者，您可以使用 Werkzeug 开发服务器（不适合生产）来运行应用程序：

运行文件

from werkzeug.wsgi import DispatcherMiddleware
from werkzeug.serving import run_simple

from app1 import app as app1
from app2 import app as app2

application = DispatcherMiddleware(flask_app, {
    '/app1': app1.server,
    '/app2': app2.server,
})

if __name__ == '__main__':
    run_simple('localhost', 8050, application) 

如果您在使用此方法时需要访问 Dash 开发工具（无论是使用 WSGI 服务器运行，还是使用 Werkzeug 开发服务器），您必须为每个 Dash 应用程序手动调用它们。可以在初始化 DispatcherMiddleware 之前添加以下行来执行此操作：

app1.enable_dev_tools(debug=True)
app2.enable_dev_tools(debug=True)  

注意：不应在生产中启用调试模式。在 Gunicorn 中使用调试模式时，需要 --reload 命令行标志才能使热重新加载工作。

在此示例中，与两个 Dash 应用程序组合的现有应用程序是 Flask 应用程序，但是这种方法可以实现任何实现 WSGI 规范的 Web 应用程序的组合。可以在带有一个或多个 Dash 应用程序的 WSGI 文档中找到 WSGI Web 框架列表。

参考 - https://dash.plot.ly/integrating-dash

编辑：

没有 WSGI 的多个 Dash 应用程序

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 Dash1')])
dash_app2.layout = html.Div([html.H1('Hi there, I am Dash2')])
@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)