Looker Data Apps: Übersicht und Einrichtung

Looker Data Apps sind Dashboards mit freiem Layout, die von lokalen KI-Coding-Agents wie Gemini CLI, Claude Code oder Cursor aus Prompts in natürlicher Sprache erstellt werden. Im Gegensatz zu Standard-Grid-Dashboards haben Sie bei Data Apps die vollständige Kontrolle über das visuelle Layout, einschließlich absoluter Positionierung, sich überschneidender Elemente und benutzerdefinierter Webkomponenten. Gleichzeitig bleiben Sie an die verwaltete semantische LookML-Ebene und die Nutzerberechtigungen von Looker gebunden.

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

Übersicht über Looker Data Apps

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

Zu den wichtigsten Funktionen gehören:

  • KI-gestützte Erstellung, keine Laufzeit-KI: Sie verwenden einen KI-Programmieragenten auf Ihrem Computer, um das Layout und den Komponentencode aus Prompts zu generieren. Veröffentlichte Daten-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 Daten-App in einer isolierten Browser-Sandbox aus, die ausgehende Netzwerkverbindungen blockiert. Der Anwendungscode kann nur mit Ihrer Looker-Instanz kommunizieren. Daher können Abfrageergebnisse und Nutzeranmeldedaten nicht an externe Server gesendet werden.
  • Geregelter 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 und geplante Zustellung: Data Apps enthalten integrierte interaktive Filter, Kreuzfilterung und Drilldown-Ansichten in der App. Außerdem unterstützen sie Looker-PDF-Downloads und die geplante E-Mail-Zustellung.

Hinweis

Bevor Sie die Entwicklertools installieren und eine Daten-App erstellen, müssen Sie die folgenden Voraussetzungen erfüllen:

Instanzanforderungen

  • Sie müssen eine von Looker gehostete Instanz mit Looker 26.18 oder höher verwenden.
  • Ein Looker-Administrator muss den Vorschaltknopf Data Apps im Bereich Administrator unter Allgemein > Vorschauversionen aktivieren. Weitere Informationen finden Sie auf der Dokumentationsseite Preview-Funktionen.
  • Die Browser der Nutzer müssen Netzwerkzugriff auf www.gstatic.com haben, damit die Laufzeitbibliotheken für Data Apps geladen werden können.

Erforderliche Berechtigungen

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

Damit Nutzer eine veröffentlichte Datenanwendung aufrufen können, müssen folgende Voraussetzungen erfüllt sein:

  • Die Zugriffsebene Ansehen 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 Entwickler-Tools greifen über die Looker API auf Ihre Looker-Instanz zu. Wenn Sie Ihren Entwicklertools Zugriff auf die Looker API gewähren möchten, benötigen Sie einen API-Schlüssel, der aus einer Client-ID und einem Client Secret besteht. Sie geben Ihre Client-ID und Ihren Clientschlüssel in den Entwicklertools an, wenn Sie die Einrichtungsoptionen konfigurieren.

So rufen Sie Ihren API-Schlüssel ab:

  1. Ihr Looker-Administrator muss API-Schlüssel für Ihr Nutzerkonto aktivieren. Das erfolgt auf der Seite Verwaltung > Nutzer.
  2. Rufen Sie in Looker die Seite Konto 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 vorhandene 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 Daten-Apps veröffentlichen möchten. Öffnen Sie in Looker den Zielordner (z. B. Shared oder My Folder) und notieren Sie sich die Zahl am Ende der URL:

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

Beschränkungen

Für Looker-Datenanwendungen gelten die folgenden Einschränkungen:

  • Einbetten, Design und Drucken: Data Apps unterstützen kein Einbetten, keine internen Dashboard-Designs und kein Drucken. Sie können den visuellen Stil jedoch direkt in der Daten-App anpassen, indem Sie Ihren KI-Code-Agenten dazu auffordern.
  • Data Apps kopieren: Vermeiden Sie es, Data Apps in Looker zu kopieren. 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 Daten-App als LookML und das Importieren einer Daten-App aus LookML werden nicht unterstützt.
  • Abhängigkeit von www.gstatic.com: Data Apps benötigen Netzwerkzugriff auf www.gstatic.com, um Laufzeit- und Komponentenbibliotheken zu laden. Die Browser der Nutzer müssen www.gstatic.com erreichen können, damit Data Apps gerendert werden.

Entwicklertools installieren

Wenn Sie Data Apps erstellen möchten, müssen Sie die Entwicklertools in Ihrer lokalen Entwicklungsumgebung (macOS oder Linux) installieren.

Installationsskript ausführen

Öffnen Sie ein Terminal auf einem Computer, der Zugriff auf Ihren KI-Coding-Agenten hat, und führen Sie den folgenden Befehl aus:

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

Einrichtungsoptionen konfigurieren

Reagieren Sie während der Installation auf die interaktiven Aufforderungen:

  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 den Standardpfad (~/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, der lokal in data-apps-config.json mit Dateiberechtigungen nur für den Inhaber gespeichert ist.
  5. Looker-Ordner-ID: Geben Sie die Zielordner-ID ein, die Sie unter Ordnerkennung ermittelt haben, oder drücken Sie die Eingabetaste, um den Standardordner zu übernehmen. Das ist der Ordner 1, der Ordner Freigegeben.

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

Data App erstellen, als Vorschau ansehen und veröffentlichen

So erstellen Sie eine Data App mit Ihrem KI-Coding-Agenten:

Schritt 1: KI-Coding-Agent starten

Wechseln Sie im Terminal zu Ihrem Data Apps-Installationsverzeichnis (~/looker-data-apps) und starten Sie Ihren KI-Coding-Agenten.

Schritt 2: KI-Agent auffordern, eine Daten-App zu generieren

Bitten Sie den Agenten, eine Anwendung zu erstellen, indem Sie Ihre Prompts in natürlicher Sprache formulieren. Ihre Anwendung muss auf vorhandenen Explores und Ansichten basieren, Sie müssen jedoch keine technischen Kennungen 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 untersucht Ihre LookML-Explores, schreibt die Komponentendefinition und startet den lokalen Vorschauserver.

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) in Ihrem Terminal ausführen, um eine Galerie aller lokalen Apps aufzurufen, die Sie erstellt haben.

Schritt 4: App iterativ optimieren

Mit dem KI-Agenten sprechen, um Layout, Stil und Interaktionen zu optimieren:

  • „Richte die drei Messwertkarten rechts auf der Arbeitsflä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 verpackt und ein Dashboard-Objekt in Ihrem konfigurierten Ordner erstellt oder aktualisiert.

Schritt 6: Data App in Looker aufrufen

Klicken Sie auf den Looker-Link, der vom Agent zurückgegeben wird. Ihre Daten-App wird in Looker geladen und bietet volle Unterstützung für Filter für den Nutzerzugriff, die gemeinsame Nutzung von Ordnern und Plattformfunktionen.

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

Wenn Sie die Funktionen von Looker Data Apps während der Vorschauphase ausprobieren möchten, können Sie die folgenden Szenarien durchgehen:

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. Senden Sie den folgenden Prompt an den KI-Agenten:

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

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

Benutzerdefinierte Layouts entwerfen

Sie können asymmetrische Layouts erstellen, um über rechteckige Standardraster hinauszugehen:

  • Erstellen Sie schwebende KPI-Karten, die Hero-Banners teilweise überlappen.
  • Fügen Sie neben breiten Datenrastern mehrspaltige Zusammenfassungs-Seitenleisten hinzu.
  • Sie können benutzerdefiniertes Corporate Branding, Schriftarten und Hintergrundverläufe anwenden.

Umfangreiche interaktive UI-Komponenten einbinden

Bitten Sie Ihren Agenten, interaktive Webelemente hinzuzufügen:

  • Tabbed Navigation: Organize complex operational metrics across multiple tabs without page reloads.
  • Modale Dialogfelder und Drawers: Wenn Sie auf einen Messwert klicken, werden detaillierte Aufschlüsselungsansichten oder Glossardefinitionen geöffnet.
  • Interaktive Filter und Steuerelemente: Fügen Sie benutzerdefinierte Ein-/Aus-Schaltflächen, Schieberegler und Sucheingaben hinzu, mit denen Diagrammreihen dynamisch aktualisiert werden.

Erweiterte Datentabellen und ‑visualisierungen verwenden

Integrierte Komponentenbibliotheken nutzen:

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

Looker-Plattformfunktionen testen

Prüfen Sie, ob Ihre Daten-App in Looker-Arbeitsabläufe eingebunden ist:

  • Kreuzfilterung: Sie können Diagramme so konfigurieren, dass durch die Auswahl einer Kategorie in einem Diagramm die verbleibenden Visualisierungen gefiltert werden.
  • PDF-Export: Das gesamte Dashboard als PDF herunterladen.
  • Geplanter Versand: Richten Sie einen automatischen Zeitplan ein, um Ihrem Team per E-Mail einen PDF-Snapshot Ihrer Daten-App zu senden.