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

OfficeAdd-in的落地实践和产品化探索 微软姜燕 MemoryinChildhood-YouTube 演讲提纲 Office快速迭代遇到的挑战 Office快速迭代的解决方案 •OfficeAdd-in是什么 •OfficeAdd-in功能优势及其应用 •OfficeAdd-in架构分析 Office+ChatGPT Office快速迭代遇到的挑战 Office快速迭代遇到的挑 战 Legacy代码维护和重构难度大风险高 项目管理的需求，成本和质量的硬指标 功能需要跨平台跨Office各个应用 Office快速迭代遇到的挑战 随时随地随处可以访问到PeopleCard Office快速迭代的解决方案 Office快速迭代的解决方案 挑战 •Legacy代码维护和重构难度大风险高 •项目管理的需求，成本和质量的硬指标 解决方案 •不同应用之间共享一套UI架构 •不同应用之间尽可能共用一套client和server端同步和通信机制 •协同操作功能基于同样的设计框架 •一套完整的测试体系，涵盖前端和后台 •灵活且全面的E-brake机制 Office快速迭代的解决方案 挑战 •功能跨平台跨Office应用 OfficeAdd-in OfficeAdd-in是什么？ Add-in主页面 URL Add-in类型 Add-inhost类型；Add-in名称，ID，版本号和权限定义等…… HTML+CSS JavaScriptWeb开发语言 定制化逻辑，通过OfficeAPIs与Office应用进行内容交互 运行在Office环境中的web应用程序 Microsoftconfidential OfficeAdd-in是什么？ OfficeAdd-in的功能和优势 •提供了一个扩展Office应用并与Office文档内容进行交互的解决方案 •使用熟悉的Web技术（如HTML、CSS和JavaScript）进行开发与调试 •一次编写，处处运行 •丰富的JavaScriptAPIs •企业集中部署+MicrosoftAppSource Microsoftconfidential OfficeAdd-in的应用 •基于OfficeAdd-in的OfficeAI新功能实现 ExcelAnalyzeData SmartLookup Translator Microsoftconfidential OfficeAI功能Demo ExcelAnalyzeData Microsoftconfidential OfficeAdd-in的应用 MicrosoftForms 输入数据 ExcelAdd-in MicrosoftPowerAutomate 生成报表 生成报表 自动化数据分析 Microsoftconfidential 产品整合Demo MicrosoftForms +Excel+PowerAutomate Microsoftconfidential COMAdd-in转到OfficeAdd-in的案例分析 PowerBI COMAdd-in架构 OfficeAdd-in新架构 Azure Office365 •数据文件管理 Data模型移到了Excel online和OfficeAdd-in • 建立数据自动 处理流程 数据工厂 Microsoftconfidential Office+OfficeAdd-in WebApp Manifest OfficeAdd-in AppStore UnifiedDeployment Microsoftconfidential OfficeAdd-in架构实现详解 当所有需要的runtime信息都加载成功，Add-in就可以成功的运行了 Add-inManifest,Userinstalledadd-ins MicrosoftStoreserver Office应用打开的时候会加载Add-in的manifest，在Ribbon上显示相应的button 当用户点击add-in的button的时候，Officeruntime开始从Add-inserver加载Add-inJS文件和HTML代码 WebServer Add-inHTML&JS files OfficeHost OfficeRuntimelib 如果这个Add-in需要callOfficeAPIs，则会从MicrosoftCDN加载OfficeJS文件 Server 用户访问Office应用，Word， Excel，PPT，或者Outlook WebServer MicrosoftOfficeJSfiles Microsoftconfidential OfficeAdd-in架构实现详解 MicrosoftCDNServer 加载Analyze的OfficeJS文件 Browser Browsercache OfficeAdd-inRuntime IFrameforAdd-in 加载Add-in的HTML和JScode，manifest MicrosoftAddinServer API请求服务返回执行结果 Server •加载Add-inRuntimelib •执行API请求 Microsoftconfidential 开发一个新的OfficeAdd-in •使用Yeoman生成OfficeAdd-in项目 DevelopOfficeAdd-ins-OfficeAdd-ins|MicrosoftLearn •使用ScriptLab生成OfficeAdd-in项目 Microsoftconfidential 开发一个新的OfficeAdd-in •使用ScriptLab生成OfficeAdd-in项目-DemoforCommonAPI Microsoftconfidential Microsoftconfidential 开发一个新的OfficeAdd-in •使用ScriptLab生成OfficeAdd-in项目 –DemoforHostspecificAPI Microsoftconfidential Office+ChatGPT PowerPoint+ChatGPT PowerPoint+ChatGPT 通过Add-in将ChatGPT集成到Powerpoint ChatGPT的确是AI新的时代， 真的会革10亿打工人的命吗。。。。 Word+ChatGPT