在现代化的 Web 应用程序中，国际化是必不可少的。随着互联网的普及，越来越多的人在全球范围内使用 Web 应用程序。因此，为了满足不同国家和地区的用户需求，我们需要为我们的应用程序提供多语言支持。
在本文中，我们将介绍如何在 Express.js 应用程序中使用 i18n 库进行国际化。我们将深入探讨 i18n 的工作原理、如何在 Express.js 中使用 i18n，并提供示例代码以帮助您更好地理解。
i18n 简介
i18n 是一个流行的国际化库，它提供了一种简单而灵活的方式来管理多语言文本。i18n 可以轻松地将不同的语言翻译成我们的应用程序中使用的语言。
i18n 的工作原理是将不同语言的文本存储在不同的 JSON 文件中。然后，通过设置语言环境变量，我们可以轻松地切换应用程序的语言。
在 Express.js 中使用 i18n
现在，我们将向您展示如何在 Express.js 应用程序中使用 i18n 进行国际化。我们将使用 i18n-express 中间件来实现这一点。
首先，我们需要安装 i18n-express 和 i18n 库：
npm install i18n-express i18n --save
然后，我们需要在我们的应用程序中配置 i18n：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- -------------- - ------------------------ ----- --- - ---------- ---------------- -------- ------ ----- ------ ---------- --------- - ----------- -------------- ----- ------- -------- --- ------------------------ ----------------- -------------------- ------------ ---------- ------ ----- ------ ----------- -------- ---- ------------ ----- ---- -- - -------------------- --- ---------------- -- -- - ------------------- ------- -- ---- ------- ---
在上面的代码中，我们首先配置了 i18n，指定了支持的语言、语言文件的目录和默认语言。然后，我们使用 i18n-express 中间件来设置语言环境变量和语言文件的路径。
最后，我们设置了一个路由处理程序，该程序将渲染我们的主页。在这个示例中，我们没有使用 i18n，但是在后面的示例中，我们将展示如何在我们的应用程序中使用 i18n。
在 Express.js 应用程序中使用 i18n
现在，我们已经配置了 i18n 和 i18n-express 中间件，我们可以开始在我们的应用程序中使用 i18n 了。
首先，我们需要创建一个 JSON 文件来存储我们的文本。在这个示例中，我们将创建一个名为 messages.json 的文件，其中包含我们的欢迎消息：
{
"welcome": {
"en": "Welcome to our website!",
"fr": "Bienvenue sur notre site web!",
"de": "Willkommen auf unserer Webseite!"
}
}在上面的 JSON 文件中，我们定义了一个名为 welcome 的键，其中包含三个不同语言的消息。每个消息都有一个对应的语言代码。
现在，我们可以在我们的应用程序中使用 i18n 来访问这些消息：
app.get('/', (req, res) => {
const message = req.__('welcome');
res.render('index', { message });
});在上面的代码中，我们使用 req.__() 方法来访问 welcome 消息。根据当前的语言环境，i18n 将返回适当的消息。
总结
在本文中，我们介绍了如何在 Express.js 应用程序中使用 i18n 进行国际化。我们深入探讨了 i18n 的工作原理、如何在 Express.js 中使用 i18n，并提供了示例代码以帮助您更好地理解。
通过使用 i18n，我们可以轻松地为我们的应用程序提供多语言支持，以满足不同国家和地区的用户需求。如果您正在开发一个现代化的 Web 应用程序，那么国际化是必不可少的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663f2304d3423812e4d5cc54