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

Question

我想创建一个 Flask 网络应用程序。我想将几个 Dash-Apps 集成到这个站点中，并在主页上向每个 Dash-apps 显示 links。这是一个最小的例子：主页应如下所示：

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-app 中应该有一个指向 Dash 应用程序的 link 2) Dash 应用程序的位置应该是 /dash（在这种情况下，主页位于 /) 3) 如果有第二个和第三个 Dash 应用程序，应该很容易添加另一个 link 和位置（例如 /dash2、/dash3、...）

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

Answer 1

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

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

flask_app.py

from flask import Flask

flask_app = Flask(__name__)

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

app1.py

import dash
import dash_html_components as html

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

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

app2.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 类型，它没有运行方法。这可以是运行作为 WSGI 应用程序，如下所示：

$ gunicorn wsgi:application

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

run.py

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 应用程序。 WSGI 网络框架列表可以在带有一个或多个 Dash 应用程序的 WSGI 文档中找到。

参考 - 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)

Answer 2

将一个或多个 Dash 应用程序与现有 WSGI 应用程序相结合和不使用 WSGI 的多个 Dash 应用程序看起来几乎没有什么变化需要更新.

DispatcherMiddleware 现在需要从 werkzeug.middleware.dispatcher 而不是 run.py / wsgi.py 中的 werkzeug.wsgi 适当地导入。

此外，flask_app 需要适当导入。

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

Integrating Dash apps into Flask: minimal example

python

flask

plotly-dash