Web APP如何实现多语言版本，一键切换语言？

Question

如题，我们做了一个Web App，想要提供多语言支持，目前考虑要支持的语言如下：
中文简体、中文繁体、英文、西班牙语、韩文、日文

请问一般有哪些方式来实现这个需求？
多谢

Answer 1

[你的前端框架] i18n Google it!

i18n 是 internationalization国际化的缩写

Answer 2

这个，主要还是看你前端架构，以及页面复杂度吧。

对于后端输出的页面，交给后端去弄，对于前端生成的部分，一般我是使用 json 配置，每个语言一个 json 文件，配置所有需要动态替换的文字内容。

如果是使用 Vue.js 之类方案的话，点击的时候，ajax 获取语言配置，然后赋值...

如果是其他第三方 js 模板的话，估计就要重新 render, 替换 等等各种事件重新处理。

视具体情况吧。

Answer 3

把页面上用到的按钮，提示文字等做成json文件，每种语言一个文件。项目启动的时候根据当前系统语言加载对应的语言，存入全局变量。静态的文字就变成变量，能显示出来不同的语言文字。当然也可以手动切换语言，直接获取对应的语言文件，然后替换当前存放语言的全局变量就可以。这种是不依赖框架的实现方式，如果使用angular等，有直接的翻译模块，原理差不多，但是实现起来容易得多。