如何更改Firebase-ui语言?

时间:2018-08-31 01:15:34

标签: firebase firebase-authentication firebaseui

如何更改firebase-ui登录名的默认语言?

LanguageLogin

2 个答案:

答案 0 :(得分:1)

来自documentation

  

小部件的本地化版本可通过CDN获得。要使用本地化的小部件,请加载本地化的JS库而不是默认库:

<script src="https://www.gstatic.com/firebasejs/ui/3.4.0/firebase-ui-auth__{LANGUAGE_CODE}.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/3.4.0/firebase-ui-auth.css" />
     

{LANGUAGE_CODE}替换为所需语言的代码。

有关详细说明,请阅读上面链接的Github文档。

答案 1 :(得分:0)

通过以下步骤,我将firebaseUI转换为本地语言:

    1. 克隆firebaseui-web存储库
git clone https://github.com/firebase/firebaseui-web

    1. 克隆存储库后,进入刚创建的firebaseui-web文件夹并运行:
npm install 
npm run build build-js-pt-BR && npm run build build-npm-pt-BR

* 注意 :在我的情况下,我想将firebaseUI设置为巴西葡萄牙语,因此在运行时使用语言代码 pt-BR 'npm build'。因此,生成的文件将具有 pt_br 后缀。 只需将其替换为所需的语言代码,即可使firebaseUI使用所需的语言。在这里,您可以找到所有支持的语言及其代码的列表: https://github.com/firebase/firebaseui-web/blob/master/LANGUAGES.md


    1. 在创建的firebaseui-web / dist /文件夹中,复制“ firebaseui__pt_br.js” “ npm__pt_br.js” 文件并将其粘贴到项目的 node_modules / firebaseui / dist / 文件夹
    1. 转到您的项目并替换标准的firebaseui导入:现在,请参考刚刚添加到node_modules中的 firebase / dist / npm__pt_br.js 文件,而不是从firebaseui导入,如下所示:< / li>
import * as firebaseui from 'firebaseui/dist/npm__pt_br'
    1. 就是这样! ? 现在,您应该已经将firebaseUI配置为我们选择的语言!

picture of firebaseUI translated to brazilian portuguese

这些链接的更多详细信息:

https://github.com/firebase/firebaseui-web#building

https://github.com/RaphaelJenni/FirebaseUI-Angular/issues/42

此答案来自https://pt.stackoverflow.com/questions/423285/alterar-idioma-do-template-do-firebaseui。感谢@Klebers解决了这个问题!