如何更改 Firebase-ui 语言？答案

【问题标题】：How do i change Firebase-ui language?如何更改 Firebase-ui 语言？
【发布时间】：2019-02-06 00:04:35
【问题描述】：

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

【问题讨论】：

标签： firebase firebase-authentication firebaseui

【解决方案1】：

小部件的本地化版本可通过 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 上的文档。

【讨论】：

【解决方案2】：

我按照以下步骤将 firebaseUI 翻译成我的本地语言：

1. 克隆 firebaseui-web 存储库

git clone https://github.com/firebase/firebaseui-web

1. 克隆 repo 后，进入刚刚创建的 firebaseui-web 文件夹并运行：

npm install

npm run build build-js-pt-BR && npm run build build-npm-pt-BR

*注意：在我的例子中，我想将 firebaseUI 设置为巴西葡萄牙语，因此我在运行时使用了语言代码 pt-BR 'npm 构建'。因此，生成的文件将具有 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 导入，如下所示：

import * as firebaseui from 'firebaseui/dist/npm__pt_br'

1. 就是这样！ ? 现在您应该将 firebaseUI 配置为我们选择的语言！

picture of firebaseUI translated to brazilian portuguese

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

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

【讨论】：