随着全球化的趋势，国际化在前端开发中变得越来越重要。在 Hapi 框架中，我们可以使用 hapi-i18n 插件来实现国际化的功能。本篇文章将介绍 hapi-i18n 插件的使用方法，并提供一些示例代码。
安装和配置
首先，需要使用 npm 安装 hapi-i18n 插件：
npm install hapi-i18n --save
接着，在 Hapi 服务的配置对象中添加 hapi-i18n 插件：
-- -------------------- ---- ------- ----- ---- - ---------------------- ----- ---- - --------------------- ----- ------ - --- ------------- ----- ----- ----- ----------- --- ----- ----------------- ------- ----- -------- - -------- ------ ------ ---------- --------- - ---------- - --- ---------------展开代码
在上述代码中，我们添加了 locales 和 directory 两个选项。locales 指定了可用语言的列表，directory 指定了翻译文件所在的目录。
语言文件的格式
在指定的目录下，我们需要创建与语言相关的文件，并按照一定的格式来编写。例如，zh.json 文件的内容如下：
{ "hello": "你好！", "world": "世界" }
而 en.json 文件的内容则是：
{ "hello": "Hello!", "world": "World" }
在路由中使用 hapi-i18n
当我们配置完毕 hapi-i18n 插件后，在路由的处理函数中就可以使用这个插件了。我们可以通过 request.i18n.__(key, [hapiLocals]) 方法来获取某个语言下的翻译：
-- -------------------- ---- ------- -------------- ------- ------ ----- ---- -------- --------- -- -- - ----- ----- - ------------------------- ----- ----- - ------------------------- ------ --------- ----------- - --展开代码
在上述代码中，我们先通过 request.i18n.__('hello') 方法来获取当前语言环境下 "hello" 这个键对应的翻译，然后再使用字符串拼接来生成最终的字符串。
同时，我们也可以传入 hapiLocals 参数来设置一些参数，例如：
request.i18n.__('greetings', { name: 'John' });
在这个例子中，我们通过 request.i18n.__('greetings', { name: 'John' }) 方法来获取 "greetings" 这个键对应的翻译，并且通过 hapiLocals 参数设置了 name 参数的值为 "John"。
动态生成语言环境
上述代码演示了如何在固定的语言环境下使用 hapi-i18n 插件，但有时我们也需要动态生成语言环境。例如，我们可以在登录的时候根据用户的语言设置来生成语言环境。在这种情况下，我们可以在处理函数中手动设置 request.i18n.locale 属性来生成语言环境。例如：
-- -------------------- ---- ------- -------------- ------- ------- ----- --------- -------- --------- -- -- - -- --------------------- ------------------- - ----------------------- ----- ------- - --------------------------- ------ -------------------- - ---展开代码
总结
在 Hapi 框架中，使用 hapi-i18n 插件可以实现国际化的功能。我们可以在 Hapi 服务的配置对象中添加 hapi-i18n 插件，指定可用语言的列表和翻译文件所在的目录。在路由的处理函数中，我们可以通过 request.i18n.__(key) 方法来获取某个键对应语言的翻译，也可以通过传入 hapiLocals 参数来设置一些参数。同时，我们也可以在处理函数中手动设置 request.i18n.locale 属性来动态生成语言环境。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f68607f6b2d6eab3f1981d
