npm 包 i18next-spreadsheet 使用教程

i18next-spreadsheet 是一款适用于前端应用的本地化工具。它可以让前端开发者使用 Google 表格来管理翻译数据，实现多语言支持。

安装

你可以使用 npm 工具来安装 i18next-spreadsheet。

npm install i18next-spreadsheet

连接 Google 账号并创建表格

1. 访问 Google Cloud Console 并创建一个新项目。
2. 在项目的资源管理器中，选择「API 和服务」 -> 「凭据」。
3. 在创建凭据的页面上，选择 OAuth 客户端 ID 并创建一个新的客户端 ID。
4. 在创建客户端 ID 的过程中，给予访问谷歌表格的权限。
5. 在谷歌账户中创建一个表格并复制其 ID。 表格 ID 是在表格 URL 中的一串字符。

使用

1. 按照上述步骤将 Google 表格 ID 输入到你的代码中。
2. 扩展你的 i18next 配置来使用 SpreadsheetBackend。

import i18next from 'i18next';
const backendOptions = {
  // 需要连接的表格的 ID。
  spreadsheetId: '<google-spreadsheet-id>',

  // Google 表格的 API 访问密钥。
  credentials: require('<path-to-credentials.json>'),
};
i18next.use(SpreadsheetBackend).init({
  backend: backendOptions,
});

现在你就可以向你的表格中添加翻译信息了。

示例代码

以下是一个基本的使用示例。这个示例展示了如何从 Google 表格中获取翻译信息。

import i18next from 'i18next';

const backendOptions = {
  spreadsheetId: '<google-spreadsheet-id>',
  credentials: require('<path-to-credentials.json>'),
};

i18next.use(SpreadsheetBackend).init({
  lng: 'en',
  fallbackLng: 'en',
  whitelist: ['en', 'de', 'fr'],
  backend: backendOptions,
});

i18next.t('my_key');

结论

本文介绍了如何使用 i18next-spreadsheet 进行多语言管理。我们强烈建议前端开发者使用此工具来支持他们的多语言需求。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/60067381890c4f72775842a9