如何设计完整的、国际化的WEB应用
Marthers 3/16/2022
# 写作背景
最近工作中开发了几个涉及多语言国际化的H5页面开发工作，由于时间仓促，导致技术选型、到落地实施都充满了一点点坎坷....🤷🏻♀️。你能想象我一个页面定义几百上千个变量同时编写中英日三种语言的痛苦吗？......项目结束后，我心里久久不能平复，于是不停在想，到底怎么样的全面思考才能实现真正意义上的拓展性强、健壮的多语言国际化WEB应用。
而且根据笔者观察，行业内前端伙伴们习惯于在每次开发一些新的WEB项目时候，通常会忽略掉几个重要的议题:a11y(Accessbility)和国际化(internationalization),造成这一现象大量出现的原因有很多，总结起来无非以下几种:
- 项目太赶，这基本是所有程序员所面临的窘境，业务需求胡乱复杂的流程和多重逻辑疏漏点导致项目时间非常紧张，所以基本上能不delay,交付实现原型图所要求的"主流程"等需求就已经十分不错了。
- 思路狭隘，习惯性忽略WEB应用可访问性和国际化的重要性,平时学习技术知识的侧重点也不会放在这些看似不重要的技术点层面
- 英语太差(太懒😂)算吗？ 哦，在这里我不想再谈起拼音和英语混用、甚至用拼音缩写定义变量名的经典笑话😓。
- 开发人员想到了，嫌麻烦，所以没弄.... 各位不要对号入座😂
- 产品在设计之初就没能够全面的思考过这一类问题....
# 每一个WEB应用都应该在设计之初考虑到较好的可访问性以及多语言的支持和拓展
- 若无特殊要求(譬如只针对某些特定语种区域的WEB系统)，我认为每一个WEB应用都应该在设计之初考虑到多语言的支持和拓展。
- 为了避免一些不必要的法律纠纷 (opens new window)和更好的SEO,我们的WEB应用需要有不错的Accessbility。
# 如果设计实现优良拓展性的i18n WEB 应用?
- js层面: kiwi
写作中...