如何从FTP编辑翻译文件？（附i18n-js代码示例）

阿华AIGC实验室

2026-5-7

如何从FTP服务器编辑翻译文件（结合i18n-js示例）

我来帮你一步步搞定从FTP服务器编辑翻译文件，再同步到你的i18n-js项目里的流程，结合你给出的代码示例来说明：

1. 先从FTP服务器下载翻译文件

首先你得把FTP上的翻译文件拉到本地才能编辑。你可以用图形化FTP客户端（比如FileZilla），输入服务器地址、账号密码后找到翻译文件所在路径，右键下载到本地；也可以用命令行工具，比如lftp或者curl，举个lftp的例子：

lftp -u your-ftp-username,your-ftp-password ftp://your-ftp-server-domain.com -e "get /path/to/your/translations/en.json; quit"

这里要注意，翻译文件一般是JSON格式，对应你代码里i18n.translations里的en对象结构。

2. 编辑翻译文件

打开下载到本地的en.json文件，修改里面的翻译内容。比如你示例里的en翻译里写了土耳其语"qrUnread": "QRCode Okunamadı"，这明显不对，编辑的时候要改成对应语言的正确内容，比如英文应该写成：

{
  "home": {
    "qrUnread": "QR Code Not Read",
    "scanner": "Scanner"
  }
}

编辑完记得保存，一定要保证JSON格式正确，少个逗号或者引号都会导致后续加载失败。

3. 把编辑好的文件上传回FTP服务器

同样用FTP客户端或者命令行把修改后的文件传回去。还是用lftp的例子：

lftp -u your-ftp-username,your-ftp-password ftp://your-ftp-server-domain.com -e "put /local/path/to/edited/en.json /path/to/your/translations/en.json; quit"

如果用图形化客户端，直接把本地编辑好的文件拖到FTP对应路径覆盖原文件就行。

4. 在项目中加载FTP上的翻译文件

如果你的项目需要动态从FTP加载最新的翻译（而不是把翻译文件打包到项目里），可以用fetch或者axios来请求FTP上的JSON文件，然后更新i18n的配置。结合你的代码示例，我写个完整的实现：

import i18n from 'i18n-js';

// 从FTP加载翻译文件的异步函数
async function loadLatestTranslations() {
  try {
    // 请求FTP上的英文翻译文件
    const enResponse = await fetch('ftp://your-ftp-server-domain.com/path/to/your/translations/en.json');
    const enTranslations = await enResponse.json();
    
    // 更新i18n的翻译内容
    i18n.translations = {
      en: enTranslations
      // 如果有其他语言，可以在这里继续添加，比如zh: zhTranslations
    };
    
    // 设置当前使用的语言
    i18n.locale = 'en';
    console.log('翻译文件更新成功！');
  } catch (error) {
    console.error('加载FTP翻译文件失败:', error);
  }
}

// 页面初始化的时候调用这个函数
loadLatestTranslations();