Looker Data Apps – Übersicht und Einrichtung

Looker Data Apps sind Dashboards mit freier Canvas-Oberfläche, die von lokalen KI-Programmieragenten wie Gemini CLI, Claude Code oder Cursor aus Prompts in natürlicher Sprache erstellt werden. Mit Data Apps haben Sie die vollständige Kontrolle über das visuelle Layout (einschließlich absoluter Positionierung, überlappender Elemente und benutzerdefinierter Webkomponenten). Gleichzeitig bleiben sie an die verwaltete LookML-Semantikschicht und die Nutzerberechtigungen von Looker gebunden.

Wenn Sie eine Data App erstellen, wird der KI-Programmieragent auf Ihrem lokalen Computer ausgeführt, um den Anwendungscode zu generieren. Nachdem Sie die Data App in Looker veröffentlicht haben, ist kein KI-Modell mehr beteiligt, wenn Nutzer das Dashboard öffnen oder damit interagieren.

Übersicht über Looker Data Apps

Eine Data App ist eine Looker-Erweiterung, die auf dem Looker Extension Framework basiert und in einem benutzerdefinierten Dashboard (User-Defined Dashboard, UDD) mit einem Element ausgeführt wird.

Zu den wichtigsten Funktionen gehören:

  • KI-gestützte Erstellung, keine KI zur Laufzeit: Sie verwenden einen KI-Programmieragenten auf Ihrem Computer, um das Layout und den Komponentencode aus Prompts zu generieren. Veröffentlichte Data Apps werden als Standard-Webkomponenten in Looker ausgeführt, ohne dass ein KI-Modell aufgerufen wird, wenn Nutzer das Dashboard aufrufen.
  • Netzwerkisolierte Sandbox: Da ein KI-Agent den Anwendungscode schreibt, führt Looker jede Data App in einer isolierten Browser-Sandbox aus, die ausgehende Netzwerkverbindungen blockiert. Der Anwendungscode kann nur mit Ihrer Looker-Instanz kommunizieren. Abfrageergebnisse und Nutzeranmeldedaten können also nicht an externe Server gesendet werden.
  • Verwalteter Datenzugriff: Data Apps fragen Daten ausschließlich über die LookML-Semantikschicht von Looker ab. Jede Abfrage wird mit den Looker-Berechtigungen, dem Modellzugriff und den Filtern für den Zugriff auf Zeilenebene des anzeigenden Nutzers ausgeführt.
  • Interaktive Steuerelemente: Data Apps enthalten integrierte interaktive Filter, Cross-Filtering und Drill-Ansichten in der App.

Hinweis

Bevor Sie die Entwicklertools installieren und eine Data App erstellen, prüfen Sie, ob Sie die folgenden Voraussetzungen erfüllen:

Instanzanforderungen

  • Sie müssen eine von Looker gehostete Instanz verwenden, auf der Looker 26.18 oder höher ausgeführt wird.
  • Ein Looker-Administrator muss die Vorschaltfläche Data Apps im Admin-Bereich unter Allgemein > Vorschau aktivieren. Weitere Informationen finden Sie auf der Dokumentationsseite Funktionen in der Vorabversion.
  • Die Browser der Nutzer müssen Netzwerkzugriff auf www.gstatic.com haben, um die Laufzeitbibliotheken für Data Apps zu laden.

Erforderliche Berechtigungen

Zum Erstellen und Veröffentlichen einer Data App benötigen Sie Folgendes:

Damit Ihre Nutzer eine veröffentlichte Data App aufrufen können, benötigen sie Folgendes:

  • Die ZugriffsebeneAnsehen für den Zielordner.

  • Die Looker-Berechtigungen access_data, explore und see_user_dashboards für die zugrunde liegenden LookML-Modelle.

Looker API-Anmeldedaten

Ihre Entwicklertools greifen über die Looker API auf Ihre Looker-Instanz zu. Um Ihren Entwicklertools Zugriff auf die Looker API zu gewähren, benötigen Sie einen API-Schlüssel, der aus einer Client-ID und einem Clientschlüssel besteht. Sie geben Ihre Client-ID und Ihren Clientschlüssel an die Entwicklertools weiter, wenn Sie die Einrichtungsoptionen konfigurieren.

So rufen Sie Ihren API-Schlüssel ab:

  1. Ihr Looker-Administrator muss auf der Seite Administrator > Nutzer die Option API-Schlüssel für Ihr Nutzerkonto aktivieren.
  2. Rufen Sie in Looker die Seite Konto Ihres Nutzers auf.
  3. Klicken Sie im Bereich Authentifizierung neben der Überschrift API-Schlüssel auf Verwalten.
  4. Auf der Seite API-Schlüssel können Sie Ihre vorhandenen API-Schlüssel ansehen oder neue API-Schlüssel erstellen.
  5. Kopieren Sie die Client-ID und den Clientschlüssel für den ausgewählten API-Schlüssel.

Ordner-ID

Ermitteln Sie die numerische ID des Looker-Ordners, in dem Sie Ihre Data Apps veröffentlichen möchten. Öffnen Sie in Looker den Zielordner (z. B. Freigegeben oder Mein Ordner) und notieren Sie sich die Zahl am Ende der URL:

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

Beschränkungen

Für Looker Data Apps gelten die folgenden Beschränkungen:

  • Einbetten, Designs und Drucken: Data Apps unterstützen das Einbetten, interne Dashboard-Designs oder das Drucken nicht. Sie können jedoch das visuelle Design direkt in der Data App anpassen, indem Sie Ihren KI-Programmieragenten dazu auffordern.
  • Data Apps kopieren: Vermeiden Sie das Kopieren einer Data App in Looker. Da Kopien auf dieselbe zugrunde liegende Anwendung verweisen, werden Änderungen, die an einer Kopie vorgenommen werden, auf alle Kopien übertragen.
  • LookML-Export und ‑Import: Das Exportieren einer Data App als LookML und das Importieren einer Data App aus LookML werden nicht unterstützt.
  • Abhängigkeit von www.gstatic.com: Für Data Apps ist Netzwerkzugriff auf www.gstatic.com erforderlich, um Laufzeit- und Komponentenbibliotheken zu laden. Die Browser der Nutzer müssen www.gstatic.com erreichen können, um Data Apps zu rendern.
  • PDF-Export: Das Herunterladen der Data App als PDF wird nicht unterstützt.
  • Geplante Zustellung: Das Einrichten eines automatischen Zeitplans zum Senden eines PDF-Snapshots Ihrer Data App per E‑Mail wird nicht unterstützt.

Entwicklertools installieren

Um Data Apps zu erstellen, installieren Sie die Entwicklertools in Ihrer lokalen Entwicklungsumgebung (macOS oder Linux).

Installationsskript ausführen

Öffnen Sie ein Terminal auf einem Computer mit Zugriff auf Ihren KI-Programmieragenten und führen Sie den folgenden Befehl aus:

bash <(curl -fsSL https://dl.google.com/looker-data-apps/install.sh)

Einrichtungsoptionen konfigurieren

Beantworten Sie während der Installation die interaktiven Prompts:

  1. Installationsverzeichnis: Geben Sie den lokalen Pfad ein, in dem Sie Ihr Data Apps-Projekt speichern möchten, oder drücken Sie die Eingabetaste , um die Standardeinstellung (~/looker-data-apps) zu übernehmen.
  2. Looker-Instanz-URL: Geben Sie die URL Ihrer Looker-Instanz ein, z. B. https://myinstance.looker.com.
  3. Looker API-Client-ID: Geben Sie Ihre Client-ID ein.
  4. Looker API-Clientschlüssel: Geben Sie Ihren Clientschlüssel ein (wird lokal in data-apps-config.json mit Dateiberechtigungen nur für den Eigentümer gespeichert).
  5. Looker-Ordner-ID: Geben Sie die Zielordner-ID ein, die Sie unter Ordner-ID ermittelt haben, oder drücken Sie die Eingabetaste , um den Standard ordner zu übernehmen. Das ist Ordner 1, der Ordner Freigegeben.

Nachdem Sie die Prompts beantwortet haben, führt das Installationsprogramm automatisch eine vierstufige Überprüfung durch, um zu bestätigen, dass Ihre Anmeldedaten funktionieren und dass Ihre Looker-Instanz Data Apps speichern und bereitstellen kann.

Data App erstellen, als Vorschau ansehen und veröffentlichen

Folgen Sie diesem Workflow, um mit Ihrem KI-Programmieragenten eine Data App zu erstellen:

Schritt 1: KI-Programmieragenten starten

Rufen Sie im Terminal das Installationsverzeichnis für Data Apps (~/looker-data-apps) auf und starten Sie Ihren KI-Programmieragenten.

Schritt 2: Agenten auffordern, eine Data App zu generieren

Fordern Sie den Agenten in natürlicher Sprache auf, eine Anwendung zu erstellen. Ihre Anwendung muss auf vorhandenen Explores und Ansichten basieren, aber Sie müssen keine technischen IDs verwenden. Beispiel:

Build a responsive Looker Data App using the faa model and the
large\_flight\_data explore. I want this to be a dynamic, dark-themed operations
center.

Please include the following components:

The Map (Centerpiece): Create a custom visual that visualizes flights moving
from their Origin to Destination. Include a timeline slider (or playback
animation) based on Departure Time and Arrival Time so I can watch the flights
move over time.

KPI Strip: Across the top, include a row of KPI cards showing the total flight
Count, average Delay Mins, total Total Revenue, and average Load Factor.

Trend Chart: Include a line chart showing how Carbon Emissions and Total Revenue change over
the Departure Date periods.

Interactive Filters: Include drop-down filters for Airline, Status, and Origin
that wire into the charts and map to update the data dynamically.

Der KI-Agent prüft Ihre LookML-Explores, schreibt die Komponentendefinition und startet den lokalen Vorschau-Server.

Schritt 3: Lokale Vorschau prüfen

Öffnen Sie die lokale Vorschau-URL (http://localhost:8765), die von Ihrem Agenten bereitgestellt wird.

Sie können auch make start (oder python3 skills/data-app-previewer/tools/start-preview.py) im Terminal ausführen, um eine Galerie aller von Ihnen erstellten lokalen Apps aufzurufen.

Schritt 4: App iterativ optimieren

Sprechen Sie mit Ihrem KI-Agenten, um Layout, Design und Interaktionen zu optimieren:

  • „Richte die drei Messwertkarten rechts auf der Canvas-Oberfläche aus.“
  • „Füge über dem Trenddiagramm einen Schieberegler für den Zeitraum hinzu.“
  • „Ändere den Hintergrund in ein dezentes neutrales Grau und füge abgerundete Karten mit weichen Schlagschatten hinzu.“

Schritt 5: Data App in Looker veröffentlichen

Wenn Sie mit dem Design zufrieden sind, fordern Sie Ihren Agenten auf, die App bereitzustellen:

Publish this app to Looker.

Der Agent führt das Veröffentlichungsskript aus, das das Komponentenskript packt und ein Dashboard-Objekt in Ihrem konfigurierten Ordner erstellt oder aktualisiert.

Schritt 6: Data App in Looker ansehen

Klicken Sie auf den Looker-Link, der vom Agenten zurückgegeben wird. Ihre Data App wird in Looker geladen und unterstützt vollständig Filter für den Nutzerzugriff, die Ordnerfreigabe und Plattformfunktionen.

Vorschläge für Dinge, die Sie ausprobieren können

Wenn Sie die Funktionen von Looker Data Apps während der Vorschau testen möchten, probieren Sie die folgenden Szenarien aus:

Vorhandene Berichte aus Bildern replizieren

Laden Sie einen Screenshot eines vorhandenen Berichts aus einem anderen BI-Tool (z. B. Tableau oder Power BI) oder eine Präsentation in Ihren KI-Agenten hoch. Fordern Sie den Agenten auf:

Replicate the layout, visual hierarchy, and color scheme shown in this
screenshot, binding the charts to our customer_analytics explore.

Multimodale KI-Agenten können Koordinatengeometrie, Typografie und Farbpaletten aus Bildern extrahieren, um passende Data App-Layouts zu generieren.

Benutzerdefinierte Layouts entwerfen

Erstellen Sie asymmetrische Layouts, die über die rechteckigen Standardraster hinausgehen:

  • Erstellen Sie schwebende KPI-Karten, die Hero-Banner teilweise überlappen.
  • Fügen Sie neben breiten Datentabellen mehrspaltige Seitenleisten mit Kurzfassungen hinzu.
  • Wenden Sie benutzerdefiniertes Corporate Branding, Schriftstile und Hintergrundverläufe an.

Umfangreiche interaktive UI-Komponenten einbinden

Fordern Sie Ihren Agenten auf, interaktive Webelemente hinzuzufügen:

  • Navigation mit Tabs: Organisieren Sie komplexe betriebliche Messwerte auf mehreren Tabs, ohne dass die Seite neu geladen werden muss.
  • Modale Dialogfelder und Drawer: Öffnen Sie detaillierte Aufschlüsselungsansichten oder Glossar definitionen, wenn Sie auf einen Messwert klicken.
  • Interaktive Filter und Steuerelemente: Fügen Sie benutzerdefinierte Umschaltflächen, Schieberegler, und Sucheingaben hinzu, die Diagrammreihen dynamisch aktualisieren.

Erweiterte Datentabellen und Visualisierungen verwenden

Nutzen Sie die integrierten Komponentenbibliotheken:

  • AG Grid-Integration: Betten Sie interaktive Datentabellen ein, die das Sortieren und Ändern der Größe von Spalten sowie die Zellformatierung unterstützen.
  • Erweiterte Highcharts-Typen: Generieren Sie Messgeräte, Heatmaps, Baumdiagramme und Sankey-Diagramme, die von Standard-Dashboard-Kacheln nicht unterstützt werden.

Looker-Plattformfunktionen testen

Prüfen Sie, ob Ihre Data App in Ihre Looker-Prozesse integriert ist.