Вбудовування Superset-дашбордів у веб-застосунок

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Пропоновані послуги
Показано 1 з 1 послугУсі 2065 послуг
Вбудовування Superset-дашбордів у веб-застосунок
Середня
від 1 робочого дня до 3 робочих днів
Часті питання

Наші компетенції:

Етапи розробки
Останні роботи
  • image_website-b2b-advance_0.png
    Розробка сайту компанії B2B ADVANCE
    1262
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1171
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    874
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1094
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    831
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Розробка веб-сайту для компанії ФІКСПЕР
    851

Вбудовування Superset Dashboards

Apache Superset підтримує Embedded SDK для вбудовування в сторонні застосунки з Guest Token автентифікацією. На відміну від Metabase, вимагає більш складного налаштування CORS та Row-Level Security.

Конфігурація Superset

В superset_config.py:

FEATURE_FLAGS = {
    "EMBEDDED_SUPERSET": True,
    "ENABLE_TEMPLATE_PROCESSING": True
}

CORS_OPTIONS = {
    'supports_credentials': True,
    'origins': ['https://your-app.com']
}

SESSION_COOKIE_SAMESITE = None
SESSION_COOKIE_SECURE = True
SESSION_COOKIE_HTTPONLY = True

Guest Token

async function getSupersetGuestToken(
  dashboardId: string,
  userId: string,
  userEmail: string
): Promise<string> {
  // Отримайте токен доступу адміністратора
  const loginResponse = await fetch(`${SUPERSET_URL}/api/v1/security/login`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      username: process.env.SUPERSET_ADMIN_USER,
      password: process.env.SUPERSET_ADMIN_PASSWORD,
      provider: 'db',
    }),
  });

  const { access_token } = await loginResponse.json();

  // Створіть гостьовий токен
  const response = await fetch(`${SUPERSET_URL}/api/v1/security/guest_token/`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${access_token}`,
    },
    body: JSON.stringify({
      user: {
        username: `user_${userId}`,
        first_name: userEmail,
        last_name: 'Embedded',
      },
      resources: [
        { type: 'dashboard', id: dashboardId },
      ],
      rls_rules: [
        {
          clause: `user_id = ${userId}`,
          tables: [
            { schema: 'public', name: 'orders' },
          ],
        },
      ],
      temporary_password: Math.random().toString(36).slice(2),
    }),
  });

  const { token } = await response.json();
  return token;
}

SDK інтеграція

import { EmbeddedDashboard } from '@superset-ui/embedded-sdk';

function SupersetEmbed({ dashboardId, token }: { dashboardId: string; token: string }) {
  return (
    <EmbeddedDashboard
      src={`${SUPERSET_URL}/embedded/${dashboardId}/${token}`}
    />
  );
}

Часова шкала

Базове вбудовування—2–3 дні. З Row-Level Security та фільтруванням параметрів—5–7 днів.