使用应用工厂模式时，如何从嵌入式 Dash 应用中访问 Flask 应用的上下文？

Question

我正在使用 Flask 和 Dash 构建一个网络应用程序。Flask 主应用程序处理用户登录和身份验证，并保护 Dash 应用程序的路由。Dash 应用程序是从 Flask 应用程序中提供的。

主要的 Flask 应用程序是使用 Flask Mega Tutorial 示例 ( https://github.com/miguelgrinberg/microblog )构建的，使用应用程序工厂模式。除了登录/身份验证之外，我删除了所有内容，并且该应用程序在该阶段运行良好。

然后，我按照此处的示例在 Flask 应用程序中添加了一个简单的 Dash 应用程序：https : //github.com/okomarov/dash_on_flask。Dash 应用程序可以在 /dashboard 上访问，仪表板受到适当保护，防止未经授权的访问，并按预期重定向回 Flask 主登录页面。

我现在面临的挑战是从 Dash 应用程序中访问 Flask 应用程序的上下文和其他内容，例如数据库会话。这样 Dash 应用程序就可以访问和显示主数据库中的信息。

我目前正在尝试遵循我在网上找到的示例，以及如何使它们适应我的应用程序的特定模式。

我尝试遵循此处链接的示例：https : //github.com/plotly/dash/issues/214#issuecomment-391223557。

但是，这些示例似乎都基于平面应用程序结构，其中 Flask 和 Dash 应用程序创建在同一个文件中。

我所有的代码都在这里：https : //github.com/danielcopelin/dacy-budget

目前，我的主要 Flask 应用程序如下所示：

dacybudget.py

from app import create_app, db
from app.models import User

app = create_app()


@app.shell_context_processor
def make_shell_context():
    return {'db': db, 'User': User}

create_app() 看起来像：

def create_app(config_class=Config):
    app = Flask(__name__)
    app.config.from_object(config_class)

    register_dashapps(app)

    db.init_app(app)
    migrate.init_app(app, db)
    login.init_app(app)
    mail.init_app(app)
    bootstrap.init_app(app)

...而 register_dashapps() 看起来像：

def register_dashapps(app):
    from app.dashapp1.layout import layout
    from app.dashapp1.callbacks import register_callbacks

    # Meta tags for viewport responsiveness
    meta_viewport = {
        "name": "viewport",
        "content": "width=device-width, initial-scale=1, shrink-to-fit=no",
    }
    external_stylesheets = ["https://codepen.io/chriddyp/pen/bWLwgP.css"]
    dashapp1 = dash.Dash(
        __name__,
        server=app,
        url_base_pathname="/dashboard/",
        assets_folder=get_root_path(__name__) + "/dashboard/assets/",
        meta_tags=[meta_viewport],
        external_stylesheets=external_stylesheets,
    )

    dashapp1.title = "Dashapp 1"
    dashapp1.layout = layout
    dashapp1.url_base_pathname = "/dashboard/"  # I dont know why I had to do this
    register_callbacks(dashapp1)
    _protect_dashviews(dashapp1)

从 app.dashapp1.layout 和 app.dashapp1.callbacks 中，我希望能够访问主 Flask 应用程序的会话和数据库等。

如果我尝试从 app.dashapp1.layout 中进行各种导入，例如“from .. import db”，然后尝试对该 db 对象执行某些操作，则会出现如下错误：

运行时错误：找不到应用程序。在视图函数内工作或推送应用程序上下文。请参阅http://flask-sqlalchemy.pocoo.org/contexts/。

任何人都可以就如何解决这个问题提供任何建议吗？

Answer 1

我设法解决了我的问题。我一直在努力理解应用程序 Dash 端的何处可以访问主 Flask 应用程序的上下文，以便我可以为 Dash 提供对数据库的访问权限。事实证明，这可以在register_callbacks()函数内完成，并且在其中定义的实际回调函数如下所示：

def register_callbacks(app):
    from app import db
    from app.models import Transaction
    ...

    @app.callback(
        Output("main", "children"),
        [Input("transaction_table", "data_previous")],
        [
            State("transaction_table", "data"),
            State("transaction_table", "page_current"),
        ],
    )
    def update_database_and_generate_table(old_table_data, table_data, page_current):
        with app.server.app_context():
            if old_table_data is not None:
                update_changed_data(old_table_data, table_data)
            transactions = db.session.query(Transaction)
            df = pd.read_sql(transactions.statement, transactions.session.bind)

为此，必须对我原来问题的代码进行另一次更改。在该create_app()函数中，您需要在数据库初始化后注册Dash应用程序：

def create_app(config_class=Config):
    app = Flask(__name__)
    app.config.from_object(config_class)

    db.init_app(app)
    migrate.init_app(app, db)
    login.init_app(app)
    mail.init_app(app)
    bootstrap.init_app(app)

    app = dashapp.add_dash(app)
    ...

完整的工作示例位于此处： https: //github.com/danielcopelin/dacy-budget