在全球化的时代，构建支持多语言的 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 中间件来设置默认语言和支持的语言列表。
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ---- - ----------------
----------------
-------- ------ ----- ----- ------
-------------- -----
---------- --------- - ----------
---
-------------------上面的代码设置了支持的语言列表为英语、法语、德语和西班牙语，默认语言为英语。我们还需要在项目根目录下创建一个 locales 文件夹，用于存放语言文件。
2. 语言文件
语言文件是包含每种语言环境下的字符串和翻译的文件。我们可以使用 i18n 中间件来加载语言文件。
-- -------------------- ---- -------
-
-------- -- ------------ -
----- -------- -- ------------
----- ---------- - ------------
----- ----------- --- ------------
----- ----------- - -----------
--
------- -------- -
----- ------- --------
----- -------- -- --------
----- ------ -------
----- ------ -------
-
-上面的代码是一个语言文件的示例，包含了四种语言环境下的欢迎语和问候语。我们可以在路由中使用 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 参数来存储用户选择的语言环境。
-- -------------------- ---- -------
-------------- ----- ---- -- -
-------------------- ------
---------------------
---
-------------- ----- ---- -- -
-------------------- ------
---------------------
---
-- ---上面的代码分别在路由 /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