美杜莎 - 在线工具

1. 国际化文案解决方案黎敏

2. 黎敏阿里巴巴 B2B 国际站前端从 2013 年开始，致力于美杜莎的维护发展工作

3. 美杜莎是阿里巴巴 B2B 国际站推出的国际化文案服务平台专注于文案高效维护便捷使用多语言快速支持

4. 应用到 7 个站点已接入 153 个应用支持 20 种语言，英文到多语言的翻译对多种语言框架的支持，包括 Java 、 NodeJS 、无线 APP 已经运行在私有云上

5. 通过今天的分享应用复制接入共建优化扩展

6. 概览 • 基础方案 • 应用与扩展 • 未来展望

7. 场景一文案资源文件

8. 写在代码里

9. 写在代码里优点一目了然缺点文案无法复用跨文件查找效率低，遗漏多语言支持难用户端生效慢

10. 多个资源文件单个资源文件

11. 优点缺点 KV 存储，可复用跨文件查询效率低支持扩展多语言用户端生效慢以业务为纬度，降低维护成本

12. 需要解决的问题降低文案维护成本快速支持多语言提高文案生效速度

13. 解决办法 KV 存储融合增加多语言纬度增加业务纬度存储数据库

14. UI 化管理文案新增文案修改文案删除文案历史批量导入导出翻译引擎 key 查询 namespace 查询应用查询分组查询内部 API 文案服务控制面板用户界面

15. 查询

16. 添加多语言文案

17. 批量导入文案

18. 导出业务文案

19. 文案资源文件怎么办？

20. 我们需要一个获取文案的接口一个将文案写到资源文件的工具

21. 文案同步到资源文件内部 API 本地工具读取请求 config.json locale watch i18n[‘ 文案 key’] 生成 i18n.js 使用 i18n._(‘ 语种’ )

22. config.json i18n.js

23. 小结文案平台化管理优点查询便捷维护友好释放开发资源缺点文案查找修改不够简便

24. 小结文案同步到资源文件优点避免直接修改资源文件，避免人为修改错误缺点文案更新无法快速反应到用户端

25. 场景二应用端使用文案

26. 文案放在后端模板中模板渲染前查询数据库调用服务逻辑运算文案数据准备数据

27. 模板中使用文案 key 替代原始文案

28. 应用客户端文案模板渲染 i18n.get(“ 文案 key”) 应用端缓存应用端内存应用客户端注入 i18n Node Java 刷新文案版本文案服务

29. 文案可以及时同步了！不过是后端

30. 前端业务代码中的文案

31. 前端业务代码中的文案解决了前端业务文案及时更新未解决文案新增、删除之后，无法及时反应在用户端

32. 解决思路输出一组文案使用统一的前缀文案 key 转换成 namespace

33.

34.

35. 文案 namespace { “a.b.c”: “ 文案 value”, “a.b.d.e”: “ 文案 value” } i18n.getNSJson(“a.b”) 应用客户端文案服务文案批量输出到页面

36. 小结文案服务化以文案为切面，适配各种场景，如 Java 、 NodeJS 等通过定制扩展，衍生出适应各类场景的文案方案

37. 小结文案 namespace 优点文案新增、删除的结果可以及时反应在用户端缺点文案不宜过多，否则会影响页面加载速度

38. 场景三修改页面上的文案

39. 修改某个页面上的文案确认文案明确业务页面定位代码代码修改文案文案 key 美杜莎

40. 只是改一个文案了解业务清楚代码结构开发人员人肉工作

41. 急需解放开发人员生产力

42. 应用客户端输出调整

43. 可视化维护工作人员访问页面编辑否正常页面是可编辑页面编辑器文案服务内部 API

44. 可视化维护

45. 可视化维护

46. 可视化维护

47. 可视化维护

48. 场景四单页应用

49. 存在的问题文案量大通过后端模板输出不可取通过文案资源文件更新不及时

50. 文案资源文件动态更新文案服务 NS 版本 NS 文案文案 CDN 静态服务生成资源文件读取 NS 版本 Web 服务器输出资源文件引用路径 JS 模块加载器浏览器按照标准模块使用文案

51. 场景五无线 APP

52. 无线 APP 的现状文案打包在 APP 中用户启动时，需要即刻展示文案更新文案需要发布新版本，用户需要重新安装

53. 无线 APP 启动切换语言版本更新有定时刷新无文案服务增量文案本地缓存 APP 离线文案更新内存刷新界面进入界面

54. 总结交互界面可视化维护用户界面使用文案 WEB 框架内部 API 机器翻译权限控制无线 APP 前端应用客户端应用端缓存写入读取存储文案服务

55. 规范化 • 输入输出标准化，降低理解及升级成本 • 平台服务文档化，便于沟通交流，以及扩展功能

56. 提升服务能力 • 更便利的文案维护方式 • 更强大的文案使用方式

57. 公有云 • 共享文案服务 • 共同打造更好的服务

58. Q & A 谢谢！