Flask-Babel在登录页面上不起作用

时间:2018-08-14 15:58:11

标签: python flask plotly-dash flask-babel

我有一个 Flask/Dash 应用程序,该应用程序使用 Flask-Babel 模块。登录并浏览页面后,翻译就像是一种魅力。但是,我无法使其始终以英文显示的登录页面起作用。 messages.pomessages.mo都包含我为登录页面准备的翻译字符串,因此编译部分似乎可以正常工作。

这是我的app.py的摘要(带有西班牙语的硬编码选择):

import dash
from dash.dependencies import Input, Output
from flask import Flask, request
from flask_babel import Babel
# some more imports...

# (...)

def main():

    update_dataframes()

    app = dash.Dash(
        "MyApp",
        url_base_pathname='/summary',
        static_folder="static",
        sharing=True,
        csrf_protect=False
    )

    # Hook Flask-Babel to the app
    babel = Babel(app.server)

    @babel.localeselector
    def get_locale():
        # return request.accept_languages.best_match(context.config['LANGUAGES'].keys())
        return 'es'

    # App layout
    app.layout = build_app_layout(context)

    # Setup callbacks
    setup_callbacks(app)
    setup_login(app, app.server, context.config)

    # Start Dash/Flask app
    app.server.run(
        port=context.config['DEPLOY']['SERVER_PORT'],
        debug=context.config['DEPLOY']['SERVER_DEBUG'],
        threaded=context.config['DEPLOY']['SERVER_THREADED']
    )

    # Interval tread to update all dataframes
    ThreadPoolExecutor(max_workers=1).submit(update_dataframes_thread)

if __name__ == '__main__':
    main()

下面是上面调用的setup_login(...)方法的一部分。我想注意到,app.server是从上面的代码传递给它的,之后 Flask-Babel已连接到应用程序(不知道这有多重要):

from dash_flask_login import FlaskLoginAuth
from flask_login import LoginManager, UserMixin, login_user, logout_user
# (...)

login_app = Dash(
    name='login-app',
    url_base_pathname='/login',
    server=app.server
)

我尝试过的操作:再次将Flask-Babel挂接到login_app Dash()实例上,但这没有用(无论如何,它仍然是app.server

我遇到了this SO question,也遇到了类似的问题,但它似乎特定于Flask-Security模块(不是我的情况)。

要翻译登录页面,我缺少什么?

1 个答案:

答案 0 :(得分:1)

尽管我还没有找到 Dash Flask-Login 的组合不能与 Flask-Babel 一起使用的直接原因在登录页面上,我通过一种解决方法解决了该问题-加载页面后,我正在通过Dash's callback decorator动态更新生成的HTML组件。该函数只用some_string标记替换了原始英语gettext(some_string)标记,该标记在回调中已正确检测到。这样,页面将以英语加载并随着回调开始生效而立即被翻译。最小示例:

app.layout = html.Div(
        [
            html.H1('Hello World!', id='h1'),
            html.Div(html.A('login', href='/login')
        ]
    )


# Display the message translated to another language
@app.callback(
    Output('h1', 'children'),
    [Input('url', 'search')]
)
def translate_message(children):
    return gettext('Hello World!')