React 本地化 API 与管理 (兼容 i18next)

Localization.One 无缝集成现代前端框架。 不再需要在 Git 仓库中管理庞大且容易冲突的 JSON 文件,您可以直接将翻译流式传输到您的 React、Vue 或 Angular 应用程序中。

为什么开发者选择我们的 React API?

  • 干净的 JSON 格式: 我们生成一个标准的键值对象 ({ "key": "value" }),与 i18nextreact-intlvue-i18n及其他流行库兼容。
  • 框架无关: 虽然非常适合 React,但此格式也与 Vue.js、Angular、Svelte 和 Node.js 后端原生兼容。
  • 无冲突: 停止手动合并 JSON 文件。让您的团队在我们的 UI 中编辑翻译,并在构建时简单拉取最终文件。

高级项目管理

在没有头痛的情况下扩展您的前端本地化。

命名空间: 使用 类别 将字符串组织到单独的文件中(例如,common.json、home.json、validation.json),以支持懒加载。

标签与标记: 使用自定义标签标记字符串,以通过 API 过滤导出。

团队协作: 邀请设计师和文案撰写人。分配细化角色(所有者、管理员、经理、翻译)。

网络钩子: 当翻译更新时,自动触发 VercelNetlify 构建。

如何集成

选项 1:手动导出 (UI)

非常适合本地开发或测试。

  1. 转到您的 项目仪表板
  2. 点击 下载 按钮。
  3. 从格式下拉菜单中选择 JSON (干净)
  4. 选择语言并下载 .json 文件。

选项 2:通过 API 自动化 (CI/CD)

直接在您的 package.json 脚本或 CI 管道中获取最新翻译。传递 format=json-clean 参数。

# 下载英文翻译
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=1&format=json-clean" > src/locales/en/translation.json

# 下载西班牙文翻译
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=2&format=json-clean" > src/locales/es/translation.json

选项 3:通过网络钩子推送

在您的项目设置中配置 Webhook URL ,以完全自动化该过程。

  • 快速更新: 您的服务器在更改后不久(通常在 5 分钟内)收到 POST 请求。
  • 触发构建: 将网络钩子连接到您的 CI/CD 提供商(GitHub Actions、GitLab CI),以在内容更改时自动重建您的前端。

准备好自动化您的前端本地化了吗? 今天就创建您的免费账户