如何更改 Firebase-ui 语言？

Posted 2023-02-23

【中文标题】如何更改 Firebase-ui 语言？

【英文标题】：How do i change Firebase-ui language?

【发布时间】：2019-02-06 00:04:35

【问题描述】：

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

LanguageLogin

【参考方案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 上的文档。

【参考方案2】：

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

克隆 firebaseui-web 存储库

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

克隆 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

在创建的 firebaseui-web/dist/ 文件夹中，复制 "firebaseui__pt_br.js" 和 "npm__pt_br.js" 文件并将它们粘贴到项目的 >node_modules/firebaseui/dist/文件夹

转到您的项目并替换标准的 firebaseui 导入：现在参考您刚刚添加到 node_modules 中的 firebase/dist/npm__pt_br.js 文件，而不是从 firebaseui 导入，如下所示：

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

就是这样！ ? 现在您应该将 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.***.com/questions/423285/alterar-idioma-do-template-do-firebaseui。感谢@Klebers 解决了这个问题！