express 多语言i18n国际化,怎么做?

引言

网上关于国际化的讨论和教程大多是vue和react等前端框架的,那么对于express这样的后端框架,如何去国际化?

后端也需要国际化?

是的,后端也需要。常见的情况如下:

  • 动态的错误提示
  • 导出Excel的表头
  • 其他一些需要动态展示或生成的内容

后端国际化相对前端有什么不同?

  • 前端一般是一个网站显示同一种语言。
  • 后端则每次响应可能是不同的语言。

该怎么实现?

这里以express为例

1、创建一个实例

ts 复制代码
import { createI18nSafe} from "soon-i18n"
export const { yiLocales } = createI18nSafe(
  { lang: "zh", fallbacks: ["en"] },
  {
    zh: {
      hello:(username:string)=> `欢迎 ${username} 登录!`
    }, en: {
      hello: (username:string)=> ` ${username} , welcome `
    }
  }, //全局定义的locales,按需要可不定义
)

2、在请求中使用

ts 复制代码
import { yiLocales } from "../i18n"

app.post("/login", async (req, res) => {
  const lang = req.headers["lang"] as 'en' ?? "en"
  const t = yiLocales(lang,
    {
      zh: { err: '用户名或密码输入错误' },
      en: { err: 'Username or password is error.' }
    } //局部定义的locales,按需要可不定义
   )
  //如成功时返回欢迎 (全局定义的信息)
  res.json({ msg: t('hello', req.body.username) })
  //失败时返回错误 (局部定义的信息)
  res.json({ msg: t('err') })
  })

支持一下

热情地欢迎各位兄弟姐妹的大力支持!

github: github.com/leafio?tab=...

期待至少一个项目能达成1000个star

期待至少一个npm能达成每周1000次下载

相关推荐
paopaokaka_luck1 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
Villiam_AY1 小时前
Redis 缓存机制详解:原理、问题与最佳实践
开发语言·redis·后端
患得患失9492 小时前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json
飛_2 小时前
解决VSCode无法加载Json架构问题
java·服务器·前端
YGY Webgis糕手之路4 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
魔尔助理顾问4 小时前
系统整理Python的循环语句和常用方法
开发语言·后端·python
90后的晨仔4 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang4 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔4 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
程序视点5 小时前
Java BigDecimal详解:小数精确计算、使用方法与常见问题解决方案
java·后端