随着互联网的发展，多语言网站越来越普遍，而在前端开发中，如何实现多语言支持成为了一个重要的问题。本文将介绍如何在 Express.js 中实现多语言支持，包括多种方法的比较和示例代码。
方法一：手动管理语言资源
最基本的方法是手动管理语言资源。我们可以将每种语言的翻译文本保存在一个 JSON 文件中，然后通过读取该文件来获取对应的翻译文本。以下是一个简单的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const fs = require('fs');
const lang = 'en'; // 默认语言为英语
const translations = JSON.parse(fs.readFileSync(`./translations/${lang}.json`, 'utf8'));
app.get('/', (req, res) => {
const translatedText = translations['hello']; // 获取翻译后的文本
res.send(translatedText);
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});在上面的代码中，我们将默认语言设置为英语，然后通过读取 en.json 文件来获取对应的翻译文本。当用户需要切换语言时，我们只需要读取对应的语言文件即可。
虽然这种方法非常简单，但是需要手动管理语言资源，对开发效率有一定影响。因此，我们可以考虑使用第二种方法。
方法二：使用 i18n 库
i18n 是一个常用的多语言库，它可以帮助我们快速实现多语言支持。以下是一个使用 i18n 库的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const i18n = require('i18n');
i18n.configure({
locales: ['en', 'fr', 'es'], // 支持的语言列表
directory: __dirname + '/locales', // 语言资源文件所在的目录
defaultLocale: 'en', // 默认语言
queryParameter: 'lang', // 通过查询参数来设置语言
});
app.use(i18n.init);
app.get('/', (req, res) => {
const translatedText = res.__('hello'); // 获取翻译后的文本
res.send(translatedText);
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});在上面的代码中，我们使用 i18n.configure 方法来配置 i18n 库，指定支持的语言列表、语言资源文件所在的目录和默认语言等参数。然后使用 app.use(i18n.init) 将 i18n 库挂载到 Express 中。当用户需要切换语言时，只需要在查询参数中设置 lang 参数即可。
相比手动管理语言资源，使用 i18n 库可以大大提高开发效率，但是需要注意的是，i18n 库并不适合所有的场景。如果需要更加灵活的语言资源管理，我们可以考虑使用第三种方法。
方法三：使用 gettext 库
gettext 是一个强大的多语言库，它可以帮助我们实现更加灵活的语言资源管理。以下是一个使用 gettext 库的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const gettext = require('gettext');
gettext.loadDomain('messages', './locales'); // 加载语言资源文件
app.get('/', (req, res) => {
const translatedText = gettext.dgettext('messages', 'hello'); // 获取翻译后的文本
res.send(translatedText);
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});在上面的代码中，我们使用 gettext.loadDomain 方法来加载语言资源文件。然后使用 gettext.dgettext 方法来获取翻译后的文本。相比 i18n 库，gettext 库更加灵活，可以根据需要加载不同的语言资源文件。但是需要注意的是，gettext 库的学习成本较高，需要掌握一些基本的 gettext 命令。
总结
本文介绍了三种在 Express.js 中实现多语言支持的方法，包括手动管理语言资源、使用 i18n 库和使用 gettext 库。这些方法各有优缺点，可以根据具体的需求来选择。无论选择哪种方法，都需要注意语言资源的管理和维护，以确保多语言网站的正常运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650a91b395b1f8cacd4ea80d