如何将已开发的Angular应用集成为Jira插件并接入Jira仪表板?
把Angular应用接入Jira仪表板的可行方案
方案1:简化版Forge自定义UI嵌入
你提到的Forge方案不用搞那么复杂,核心是把现有Angular应用打包后嵌入进去:
- 先执行
ng build --prod把Angular项目打包成静态文件,拿到dist目录下的所有文件 - 创建最基础的Forge应用,选
custom UI模板,把打包好的静态文件替换掉Forge默认的前端文件 - 在Forge的
manifest.yml里配置dashboardItem模块,指定自定义UI的入口文件 - 最后用
forge deploy和forge install命令部署安装,就能在Jira仪表板里添加这个组件了 - 这种方式只需要掌握最基础的Forge部署命令,不用深挖复杂API,就能快速把你的Angular应用搬入Jira
方案2:传统Jira仪表板小工具(Gadget)
如果觉得Forge还是麻烦,可以试试传统的Gadget机制:
- 把你的Angular应用部署到公网能访问的地方(比如云主机、静态托管平台)
- 写一个简单的
gadget.xml描述文件,定义小工具的名称、尺寸,以及嵌入Angular应用的iframe地址 - 到Jira系统设置里,通过「添加小工具库」上传这个XML文件,之后就能在仪表板添加你的Angular应用作为小工具
- 注意处理跨域问题:要么在Angular里配置CORS,要么用Jira提供的AP.request API代理请求(如果需要调用Jira数据的话)
方案3:快速iframe嵌入(临时/测试用)
如果只是临时测试或者需求简单,直接用iframe小工具:
- 在Jira仪表板添加自带的「iframe小工具」(如果没有就去市场装个第三方的)
- 填入你的Angular应用的公网访问地址,调整好尺寸,就能直接在仪表板显示
- 缺点是没有集成Jira身份验证,如果要获取当前用户或Jira数据,得额外做OAuth或者API密钥验证
内容的提问来源于stack exchange,提问作者wiem Lagha
相关产品推荐
相关产品推荐

