Office JS 插件的落地实践与产品化探索

1. Office Add-in的落地实践和产品化探索微软姜燕

2.

3. Memory in Childhood - YouTube

4. 演讲提纲 Office快速迭代遇到的挑战 Office快速迭代的解决方案 • Office Add-in是什么 • Office Add-in功能优势及其应用 • Office Add-in架构分析 Office + Chat GPT

5. Office快速迭代遇到的挑战

6. Office快速迭代遇到的挑战 Legacy代码维护和重构难度大风险高项目管理的需求，成本和质量的硬指标功能需要跨平台跨Office各个应用

7. Office快速迭代遇到的挑战随时随地随处可以访问到People Card

8. Office快速迭代的解决方案

9. Office快速迭代的解决方案挑战 • Legacy代码维护和重构难度大风险高 • 项目管理的需求，成本和质量的硬指标解决方案 • 不同应用之间共享一套UI架构 • 不同应用之间尽可能共用一套client和server 端同步和通信机制 • 协同操作功能基于同样的设计框架 • 一套完整的测试体系，涵盖前端和后台 • 灵活且全面的E-brake机制

10. Office快速迭代的解决方案 Office Add-in 挑战 • 功能跨平台跨Office应用

11. Office Add-in是什么？ Add-in 主页面 URL Add-in 类型 Add-in host 类型； Add-in 名称，ID，版本号和权限定义等…… HTML+CSS JavaScript Web 开发语言定制化逻辑，通过Office APIs 与 Office应用进行内容交互运行在 Office 环境中的 web 应用程序 Microsoft confidential

12. Office Add-in是什么？

13. Office Add-in的功能和优势 • 提供了一个扩展 Office 应用并与 Office 文档内容进行交互的解决方案 • 使用熟悉的 Web 技术（如 HTML、CSS 和 JavaScript）进行开发与调试 • 一次编写，处处运行 • 丰富的JavaScript APIs • 企业集中部署 + Microsoft AppSource Microsoft confidential

14. Office Add-in的应用 • 基于Office Add-in的Office AI新功能实现 Excel Analyze Data Smart Lookup Translator Microsoft confidential

15. Office AI功能 Demo Excel Analyze Data Microsoft confidential

16. Office Add-in的应用 Microsoft Forms 输入数据 Microsoft Power Automate Excel Add- in 自动化数据分析生成报表生成报表 Microsoft confidential

17. 产品整合Demo Microsoft Forms + Excel + Power Automate Microsoft confidential

18. COM Add-in转到Office Add-in 的案例分析 COM Add-in 架构 Office Add-in 新架构 PowerBI Azure Office 365 • 数据文件管理 Data模型移到了Excel online和Office Add-in • 建立数据自动处理流程数据工厂 Microsoft confidential

19. Office + Office Add-in AppStore Web App Manifest Unified Deployment Office Add-in Microsoft confidential

20. Office Add-in架构实现详解当所有需要的runtime信息都加载成功，Add-in就可以成功的运行了 Microsoft Store server Add-in Manifest, User installed add- ins Office应用打开的时候会加载 Add-in的manifest，在Ribbon 上显示相应的button d ， r o W ook ， utl 用 O 应 e 者 c i 或 f Of T ，问 P 访 l ， P 户 e 用 xc E Office Host Office Runtime lib 当用户点击add-in的button的时候， Office runtime开始从Add-in server 加载Add-in JS文件和HTML代码 Web Server Add-in HTML & JS files 如果这个Add-in需要call Office APIs，则会从Microsoft CDN加载Office JS文件 Web Server Microsoft Server Office JS files Microsoft confidential

21. Office Add-in架构实现详解 Browser Browser cache Microsoft CDN Server 加载Analyze的Office JS文件 Office Add-in Runtime 加载Add-in的HTML和JS code， manifest Microsoft Addin Server IFrame for Add-in API请求服务返回执行结果 Server • 加载Add-in Runtime lib • 执行 API请求 Microsoft confidential

22. 开发一个新的Office Add-in • 使用Yeoman生成Office Add-in项目 Develop Office Add-ins - Office Add-ins | Microsoft Learn • 使用Script Lab生成Office Add-in项目 Microsoft confidential

23. 开发一个新的Office Add-in • 使用Script Lab生成Office Add-in项目 - Demo for Common API Microsoft confidential

24. Microsoft confidential

25. 开发一个新的Office Add-in • 使用Script Lab生成Office Add-in项目 – Demo for Host specific API Microsoft confidential

26. Office + Chat GPT

27. PowerPoint + Chat GPT

28. PowerPoint + Chat GPT 通过Add-in将Chat GPT集成到Powerpoint

29. Chat GPT的确是AI新的时代，真的会革10亿打工人的命吗。。。。

30. Word + Chat GPT

31.