Apache Superset是否支持Web Components？Angular11如何集成相关组件？

1. Web Components支持情况 #

Apache Superset 官方目前没有原生提供 Web Components 封装，默认的第三方嵌入方案仍是基于iframe的嵌入式报表/图表模式。如果要脱离iframe使用Web Components形态的Superset组件，需要基于Superset的API和前端源码做自定义封装。 #

2. Angular 11集成可行方案 #

• 方案1：自定义封装Web Components
  可以基于Superset的前端源码抽离图表渲染逻辑，使用@angular/elements将其封装为符合Web Components标准的自定义元素，再打包导入到你的项目中使用。注意要提前处理Superset的权限校验、状态同步、依赖冲突问题，Angular 11版本的@angular/elements对Web Components的支持已经比较稳定，完全可以支撑封装需求。
• 方案2：使用社区开源的Superset WC封装包
  目前社区有开发者已经封装了非官方的Superset Web Components组件，你可以直接引入到Angular 11项目中，引入后在Angular的对应模块中添加CUSTOM_ELEMENTS_SCHEMA即可直接在模板中使用自定义标签，不需要额外做兼容性处理。
• 方案3：轻量替代方案（如果自定义封装成本过高）
  如果仅需要基础的嵌入展示能力，仍可以选择官方的iframe嵌入方案，通过postMessage做父子页面的交互，实现参数传递、事件监听等能力，开发成本远低于自定义封装Web Components。

注意：无论选择哪种方案，都需要提前配置Superset的CORS规则、跨域cookie设置，避免出现权限校验失败、资源加载报错的问题。

内容的提问来源于stack exchange，提问作者KangTheConqueror