Office JS 插件的落地实践与产品化探索-姜燕v1

Office快速迭代遇到的挑战

• 遗留代码维护和重构难度大、风险高
• 项目管理中成本和质量的硬指标
• 功能需跨平台、跨Office各个应用

Office快速迭代的解决方案

• 不同应用间共享一套UI架构
• 尽可能共用一套client和server端同步和通信机制
• 协同操作功能基于同样的设计框架
• 建立一套完整的测试体系，涵盖前端和后台
• 灵活且全面的E-brake机制解决方案

Office Add-in概述

• Office Add-in是运行在Office环境中的web应用程序
• 支持HTML、CSS、JavaScript等Web技术开发
• 一次编写，处处运行，提供丰富的JavaScript APIs
• 企业可集中部署，并通过Microsoft AppSource发布

Office Add-in的功能和优势

• 扩展Office应用并与Office文档内容交互
• 使用熟悉的Web技术进行开发与调试
• 丰富的JavaScript APIs支持定制化逻辑
• 企业集中部署和AppSource平台支持

Office Add-in的应用案例

• 基于Office Add-in的Office AI新功能实现，如Smart Lookup、Excel Analyze Data、Translator
• 输入数据、自动化数据分析、生成报表等功能
• 产品整合Demo，如Microsoft Forms + Excel + Power Automate

COM Add-in转到Office Add-in的案例分析

• COM Add-in架构转向Office Add-in新架构
• 数据模型移到Excel Online和Office Add-in
• 数据文件管理和数据自动处理流程
• 利用数据工厂、Azure和PowerBI等工具

Office Add-in架构实现详解

• 用户访问Office应用时加载Add-in的manifest
• 从Microsoft CDN加载Office JS文件
• 点击Add-in按钮时加载Add-in JS文件和HTML代码
• 通过Office runtime执行API请求和返回结果

开发新的Office Add-in

• 使用Yeoman或Script Lab生成Office Add-in项目
• 支持Common API和Host specific API开发

Office + Chat GPT

• 通过Add-in将Chat GPT集成到PowerPoint和Word
• 利用Chat GPT实现智能功能，如内容生成和自动化处理