在全球化的时代，构建支持多语言的 Web 应用程序是必不可少的。Express.js 是一个流行的 Node.js Web 应用程序框架，它提供了一种简单且灵活的方式来构建 Web 应用程序。在本文中，我们将探讨如何使用 Express.js 构建多语言 Web 应用程序。
什么是多语言 Web 应用程序？
多语言 Web 应用程序是一种支持多种语言的 Web 应用程序，它可以在不同的语言环境下提供相应的内容。例如，一个多语言的电子商务网站可以在不同的语言环境下提供商品描述、价格和结账页面等内容。
Express.js
Express.js 是一个基于 Node.js 平台的 Web 应用程序框架，它提供了一种简单且灵活的方式来构建 Web 应用程序。Express.js 使用中间件来处理 HTTP 请求和响应，可以轻松地扩展和定制。
实现多语言 Web 应用程序
要实现多语言 Web 应用程序，我们需要考虑以下几个方面：
1. 语言环境
语言环境是指用户使用的语言和地区设置。我们需要根据用户的语言环境来提供相应的内容。
Express.js 提供了一个中间件 i18n，可以轻松地处理多语言环境。我们可以使用 i18n 中间件来设置默认语言和支持的语言列表。
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const i18n = require('i18n');
i18n.configure({
locales: ['en', 'fr', 'de', 'es'],
defaultLocale: 'en',
directory: __dirname + '/locales'
});
app.use(i18n.init);上面的代码设置了支持的语言列表为英语、法语、德语和西班牙语，默认语言为英语。我们还需要在项目根目录下创建一个 locales 文件夹，用于存放语言文件。
2. 语言文件
语言文件是包含每种语言环境下的字符串和翻译的文件。我们可以使用 i18n 中间件来加载语言文件。
// javascriptcn.com 代码示例
{
"Welcome to Express.js": {
"en": "Welcome to Express.js",
"fr": "Bienvenue à Express.js",
"de": "Willkommen bei Express.js",
"es": "Bienvenido a Express.js"
},
"Hello, World!": {
"en": "Hello, World!",
"fr": "Bonjour le monde!",
"de": "Hallo Welt!",
"es": "¡Hola Mundo!"
}
}上面的代码是一个语言文件的示例，包含了四种语言环境下的欢迎语和问候语。我们可以在路由中使用 req.__() 函数来获取相应语言环境下的字符串。
app.get('/', (req, res) => {
res.send(req.__('Welcome to Express.js'));
});
app.get('/hello', (req, res) => {
res.send(req.__('Hello, World!'));
});上面的代码分别在路由 / 和 /hello 中使用 req.__() 函数获取相应语言环境下的字符串。现在我们可以运行应用程序，并在浏览器中访问 http://localhost:3000 和 http://localhost:3000/hello，看看是否能够正确地显示不同语言环境下的字符串。
3. 客户端语言选择
最后一个问题是如何让用户选择他们的语言环境。我们可以使用 Cookies 或者 URL 参数来存储用户选择的语言环境。
// javascriptcn.com 代码示例
app.get('/en', (req, res) => {
res.cookie('locale', 'en');
res.redirect('back');
});
app.get('/fr', (req, res) => {
res.cookie('locale', 'fr');
res.redirect('back');
});
// ...上面的代码分别在路由 /en 和 /fr 中设置 Cookies 来存储用户选择的语言环境，并重定向回之前的页面。我们还可以使用 URL 参数来存储用户选择的语言环境。
app.get('/:locale', (req, res, next) => {
const locale = req.params.locale;
if (i18n.getLocales().indexOf(locale) === -1) {
return next(new Error('Invalid locale'));
}
res.cookie('locale', locale);
res.redirect('back');
});上面的代码在路由 /:locale 中使用 URL 参数来存储用户选择的语言环境，如果语言环境不在支持列表中，则返回错误。
总结
在本文中，我们介绍了如何使用 Express.js 构建多语言 Web 应用程序。我们涵盖了语言环境、语言文件和客户端语言选择等方面，希望对你构建多语言 Web 应用程序有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65814dc4d2f5e1655dc7faf6