Superset Embedded
Superset внутри вашего продукта. Не iframe.
Встройте полностью интерактивный микрофронтенд Apache Superset в свой UI — те же дашборды, фильтры и пресеты, что собирают ваши аналитики, в вашем брендинге и под вашей авторизацией. Без iframe-песочницы, без параллельного бэкенда для графиков, без второго источника правды.
- Микрофронтенд
- White-label
- SSO + RLS
- Темизация через CSS-переменные
Зачем это
iframe-встраивание упирается в потолок очень быстро
В Apache Superset из коробки есть embedded-режим, но это iframe. Как только продуктовой команде нужно подтянуть бренд, разделить состояние фильтров с URL хоста, прокинуть SSO или добавить кастомную кнопку поверх графика — iframe-песочница начинает сопротивляться: cross-origin-заголовки, postMessage-склейка, тема, которая работает в трёх браузерах из четырёх, и права, живущие сразу в двух местах.
Наш enterprise-пакет поставляет настоящий микрофронтенд. Это та же поверхность Superset — дашборды, графики, фильтры, пресеты, native filter chains — отрендеренная как React-компоненты внутри бандла вашего приложения. Same-origin, темизация хоста, авторизация хоста. Аналитики собирают дашборды один раз в Superset; продукт показывает их везде, где они нужны, с полным контролем над тем, какие дашборды появляются, в каком порядке и на каких экранах.
iframe vs микрофронтенд
Где два подхода реально расходятся
Один и тот же дашборд Superset, встроенный двумя способами. iframe выигрывает по «пять строчек и работает». Микрофронтенд выигрывает по каждому пункту, который начинает иметь значение, когда это уже видят ваши клиенты.
| Что важно | Apache Superset iframe | Drafted микрофронтенд-плагин |
|---|---|---|
| Темизация и брендинг | Ограниченный CSS-инжект через границу iframe. Цвета бренда, шрифты, тёмная тема требуют отдельных оверрайдов, которые ломаются между релизами Superset. | Нативные CSS custom properties прокидывают ваши design-токены прямо в дашборд. Light/dark, бренд-цвета, типографика — всё наследуется от хоста. |
| SSO и права | Обмен токенами + cross-origin куки. Row-level security живёт в Superset, права приложения — в вашем стеке. Синхронизация — отдельный проект. | Наследует сессию хоста. RLS-правила выводятся из вашего контекста авторизации (тенант, роль, пользователь) без второго token-флоу. |
| Безопасность | Cross-origin поверхность: postMessage-handshake, X-Frame-Options, third-party куки. Каждое — вектор, который должна моделировать команда безопасности. | Same-origin React-компонент внутри вашего бандла. Никакого cross-document messaging, third-party кук и поверхности для clickjacking. |
| Состояние фильтров в URL | Фильтры живут внутри iframe — поделиться ссылкой на отфильтрованную view требует кастомной сериализации URL с обеих сторон. | Состояние фильтров и дашборда живёт в вашем роутере. Deep-link на отфильтрованную view, восстановление из истории, интеграция с вашими query-параметрами. |
| Производительность и загрузка | Каждое переключение дашборда — перезагрузка iframe: парсинг HTML, новый JS-бандл, новый auth-handshake. | Общий бандл с хост-приложением. Переключение дашбордов — изменение React-стейта; графики дозапрашивают только нужные данные. |
| Кастомный UI поверх графиков | Закрыто границей iframe — можно обрамить, но не расширить. | React-пропсы, slots и event-хуки позволяют рендерить тулбары хоста, drill-down панели и контекстные действия рядом с любым графиком. |
| Редакторский контроль | Нет нативного понятия «какие дашборды показывать в каком слоте продукта». Живёт как список iframe-URL в вашей кодовой базе. | Отдельная панель управления внутри Superset: какие дашборды появляются в каком слоте хоста, в каком порядке, с какой видимостью по ролям. |
Темизация и брендинг
Apache Superset iframe
Ограниченный CSS-инжект через границу iframe. Цвета бренда, шрифты, тёмная тема требуют отдельных оверрайдов, которые ломаются между релизами Superset.
Drafted микрофронтенд-плагин
Нативные CSS custom properties прокидывают ваши design-токены прямо в дашборд. Light/dark, бренд-цвета, типографика — всё наследуется от хоста.
SSO и права
Apache Superset iframe
Обмен токенами + cross-origin куки. Row-level security живёт в Superset, права приложения — в вашем стеке. Синхронизация — отдельный проект.
Drafted микрофронтенд-плагин
Наследует сессию хоста. RLS-правила выводятся из вашего контекста авторизации (тенант, роль, пользователь) без второго token-флоу.
Безопасность
Apache Superset iframe
Cross-origin поверхность: postMessage-handshake, X-Frame-Options, third-party куки. Каждое — вектор, который должна моделировать команда безопасности.
Drafted микрофронтенд-плагин
Same-origin React-компонент внутри вашего бандла. Никакого cross-document messaging, third-party кук и поверхности для clickjacking.
Состояние фильтров в URL
Apache Superset iframe
Фильтры живут внутри iframe — поделиться ссылкой на отфильтрованную view требует кастомной сериализации URL с обеих сторон.
Drafted микрофронтенд-плагин
Состояние фильтров и дашборда живёт в вашем роутере. Deep-link на отфильтрованную view, восстановление из истории, интеграция с вашими query-параметрами.
Производительность и загрузка
Apache Superset iframe
Каждое переключение дашборда — перезагрузка iframe: парсинг HTML, новый JS-бандл, новый auth-handshake.
Drafted микрофронтенд-плагин
Общий бандл с хост-приложением. Переключение дашбордов — изменение React-стейта; графики дозапрашивают только нужные данные.
Кастомный UI поверх графиков
Apache Superset iframe
Закрыто границей iframe — можно обрамить, но не расширить.
Drafted микрофронтенд-плагин
React-пропсы, slots и event-хуки позволяют рендерить тулбары хоста, drill-down панели и контекстные действия рядом с любым графиком.
Редакторский контроль
Apache Superset iframe
Нет нативного понятия «какие дашборды показывать в каком слоте продукта». Живёт как список iframe-URL в вашей кодовой базе.
Drafted микрофронтенд-плагин
Отдельная панель управления внутри Superset: какие дашборды появляются в каком слоте хоста, в каком порядке, с какой видимостью по ролям.
Один раз собрали — везде показали
Почему это дешевле, а не «красивее»
- 01
Один дашборд — каждая поверхность продукта
Аналитики собирают дашборд в Superset один раз. Продукт показывает его внутри карточки клиента, админки, партнёрского портала — те же данные, те же определения, без параллельного кода для графиков.
- 02
Убирает налог «давайте напишем свой бэкенд для графиков»
Никакого второго сервиса метрик, никакой React-библиотеки графиков на поддержку, никакого API-контракта между BI и продуктом. Семантический слой Superset И ЕСТЬ аналитический бэкенд продукта.
- 03
Редакторский контроль без релиза
Отдельная панель внутри Superset выбирает, какие дашборды появляются в каком слоте, в каком порядке и для каких ролей. Продукт перекомпоновывает embed без выкатки релиза.
Что внутри плагина
Что входит в пакет
Фильтры, пресеты и native filter chains
Вся механика фильтров Superset — глобальные фильтры, native filter scopes, сохранённые пресеты — работает в embed-е идентично. Пользователи получают тот же интерактив, что и в самом Superset.
Темизация через CSS custom properties
Прокидываете свои design-токены в дашборд через `var(--your-token)`. Light/dark, бренд-цвета, типографика, плотность — всё определяется хостом, никакого патчинга от релиза к релизу.
SSO, host-авторизация и row-level security
Наследует сессию хоста. Маппинг claims хоста (тенант, роль, пользователь) на RLS-правила Superset, чтобы embed видел только те данные, которые разрешены пользователю.
Переключатель нескольких дашбордов с редакторским контролем
В одном слоте хоста — список дашбордов. Порядок, видимость и группировка живут в панели управления Superset, а не в хардкоде продукта.
Нужно быстро починить систему?
Перестаньте принимать решения по сломанным цифрам.
Мы диагностируем, что именно ломается, чиним базу и работаем с вашей командой до тех пор, пока данные не станут надежными в ежедневных решениях.
- Фаундеры участвуют в реализации
- Понятные приоритеты в первую неделю
- Фиксы в проде, а не только презентации
- Явный ownership метрик
- Сбои в пайплайнах ловятся заранее
- BI-логика согласована между командами
Запланируйте созвон
Расскажите, где рушится доверие к данным. За одну рабочую сессию зафиксируем первые фиксы и зоны ownership.