Yeoman创建的Outlook加载项部署操作及相关疑问咨询
关于Manifest文件的部署疑问
你完全不需要为了适配服务器部署,特意从上传的项目里移除manifest文件:
- 你后续要把manifest单独上传到Office平台完成加载项安装登记的思路是完全正确的,这部分操作和服务器端的项目部署是两条独立的流程,互不干扰
- manifest本身是面向Office客户端的专用配置文件,作用是告知Outlook加载项的入口地址、权限范围、功能入口信息,根本不需要终端用户通过浏览器访问到这个文件
- 哪怕你把包含manifest的完整项目上传到Heroku,这个文件存在于服务器上也不会产生任何负面影响,只是没有实际运行作用而已,完全没有必要特意从部署包里删掉
Heroku部署成功后的后续操作
按顺序完成以下步骤即可打通整个加载项的运行链路:
- 做公网可访问性校验:在浏览器打开Heroku给你分配的应用公网地址,确认能正常加载Yeoman项目生成的入口静态页面(一般是
taskpane.html),没有出现404、重定向报错。注意所有验证都要使用公网地址,不要混用本地localhost的调试链接 - 修改本地manifest的配置:把文件里所有指向本地调试地址(比如
https://localhost:3000)的路径,全部替换成你Heroku的实际公网域名,覆盖所有脚本引用、样式加载、接口调用的地址,不要残留本地调试的配置 - 做生产构建校验:在本地项目根目录执行
npm run build命令生成生产环境的打包产物,检查产物内的资源路径全部指向公网地址,没有残留本地调试路径后,再将最新代码同步推送到Heroku - 上传配置好的manifest:通过Office平台的加载项管理入口提交这份修改好的配置文件,等待平台完成校验
- 做端到端功能验证:打开网页版或桌面版Outlook,检查加载项是否正常出现在功能区面板,点击触发加载项打开操作,验证所有交互功能、接口调用是否正常,排查可能出现的跨域问题。一般Heroku托管的静态资源默认兼容Office加载项的跨域要求,不需要额外配置CORS规则
内容的提问来源于stack exchange,提问作者Samuel Rojas
相关产品推荐
相关产品推荐

