npm 包 i18next-express-middleware 使用教程

阅读时长 3 分钟读完

在前端开发中,多语言翻译是一个非常重要的问题。i18next-express-middleware 是一个方便易用的 npm 包,可以帮助我们在 Express 应用程序中集成多语言翻译功能。本文将介绍 i18next-express-middleware 的使用方法,包括安装、配置和使用。

安装

我们可以通过 npm 包管理器安装 i18next-express-middleware。在终端中输入以下命令:

配置

在应用程序的主代码文件中,添加以下代码以配置 i18next-express-middleware:

-- -------------------- ---- -------
----- ----------------- - --------------------------------------
----- ------- - -------------------
----- ------- - -----------------------------------

-------
  -------------
  -------
    ---- -----
    ------------ -----
    -------- ------ ------
    -------- -
      --------- -----------------------------
    -
  ---
  
-------------------------------------------

在这个例子中,我们首先引入了 i18next-express-middlewarei18nexti18next-node-fs-backend 这些模块。然后我们使用了 i18nextuse 方法来引入后端模块,并调用 init 方法来初始化 i18next。这里我们指定了默认语言为英语(lng),资源文件加载路径为 locales/{{lng}}/{{ns}}.json,预加载了英法两种语言,如果当前所请求的语言不存在时,后备语言为英语。

最后,我们通过 app.use 方法将 i18nextMiddleware.handle middleware 添加到应用程序中,然后可以在路由中使用 res.__ 和 res.__n 方法来翻译字符串。

使用

在路由中,我们可以以下面这种方式使用 i18n:

在这个例子中,我们使用了 res.__ 方法来翻译 Welcome 字符串。在资源文件中,我们可以指定多个语言版本:

我们可以通过指定 lng 参数来指定所使用的语言:

在这个例子中,我们使用了 lng: 'fr' 参数来指定所使用的语言为法语。如果在资源文件中没有指定法语的翻译,i18next-express-middleware 会自动返回英语翻译。

总结

i18next-express-middleware 是一个非常方便易用的 npm 包,可以帮助我们在 Express 应用程序中集成多语言翻译功能。我们可以通过安装、配置和使用本文介绍的方法来在应用程序中使用 i18next-express-middleware。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/68945

纠错
反馈