express使用i18n实现国际化

简介: express使用i18n实现国际化

文档 https: //www.npmjs.com/package/i18n

文件目录

.
├── index.js
├── locales
│   ├── en.json
│   └── zh.json
└── package.json

1、默认通过浏览器语言判断

2、可以通过查询参数指定语言

http: //localhost:8000/?lang=zh

index.js

var express = require('express'),
    i18n = require("i18n");
const app = express()
// 语言配置
i18n.configure({
    locales: ['en', 'zh'], // 声明包含语言
    directory: __dirname + '/locales', // 设置语言文件目录
    queryParameter: 'lang', // 设置查询参数
    defaultLocale: 'en', // 设置默认语言
});
// 初始化
app.use(i18n.init)
app.get('/', function (req, res) {
    console.log(req.getLocale());
    var hello = res.__('Hello'); // --> Hallo`
    return res.send(hello)
});
app.listen(8000, () => {
    console.log("runing: http://localhost:8000/");
})

package.json

{
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js"
  },
  "dependencies": {
    "express": "^4.17.1",
    "i18n": "^0.9.0",
    "nodemon": "^2.0.3"
  }
}

locales/en.json

{
    "Hello": "Hello"
}

locales/zh.json

{
  "Hello": "你好"
}
相关文章
|
7月前
|
JSON JavaScript 前端开发
国际化:实现Vue应用的多语言支持
【4月更文挑战第23天】本文阐述了在Vue应用中实现多语言支持的重要性及步骤。使用vue-i18n插件,结合明确的语言需求和资源管理,实现文本翻译。配置路由和语言检测以支持用户切换,动态加载语言包以优化性能。同时考虑日期和货币格式化,确保全面的国际化体验。经过测试和持续维护,打造尊重文化多样性的全球化应用。
334 0
|
7月前
初识express框架
初识express框架
|
7月前
|
存储 JavaScript
如何在 Vue 中进行国际化和多语言支持?
如何在 Vue 中进行国际化和多语言支持?
58 3
|
7月前
|
JavaScript 前端开发 中间件
Express 框架介绍
Express 框架介绍
|
JSON JavaScript 前端开发
Express 框架
Express 框架
120 0
|
JavaScript 中间件
Express基础(下)
Express基础(下)
115 0
Express基础(下)
|
JavaScript 前端开发
Express基础(中)
Express基础(中)
140 0
Express基础(中)
express使用i18n实现国际化
express使用i18n实现国际化
88 0
|
开发框架 JavaScript 前端开发
Express基础(上)
Express基础(上)
170 0
|
PHP Python
express使用twig做模板引擎
express使用twig做模板引擎
91 0