Wenn Sie Änderungen an Ihrer Community-Visualisierung sehen möchten, müssen Sie die Dateien in der Regel in GCS hochladen und dann den Looker Studio-Bericht aktualisieren. Das funktioniert, bedeutet aber, dass Sie viel Zeit damit verbringen können, auf Änderungen zu warten. Mit dscc-gen können Sie in einem Workflow sofort Änderungen am Visualisierungscode sehen. Dadurch wird der Zeitaufwand für das Schreiben einer Community-Visualisierung verringert.
Prüfen Sie zuerst, ob npm 5.2.0 oder höher und gsutil installiert sind. Führen Sie dann diesen Befehl aus:
npx @google/dscc-gen viz
Erstkonfiguration
dscc-gen
enthält ein lokales Standard-Dataset, das wahrscheinlich nicht repräsentativ für die Daten ist, die Sie visualisieren möchten. So aktualisieren Sie dieses Dataset entsprechend Ihren Anforderungen:
- Aktualisieren Sie Ihre Konfiguration unter
src/index.json
. - Führen Sie
npm run update_message
aus. Dadurch wird imdev
-Bucket eine Visualisierung bereitgestellt, die die Nachricht in einem einfach zu kopierenden Format anzeigt. - Erstellen Sie einen neuen Bericht und stellen Sie eine Verbindung zu einem Dataset her, das die Daten darstellt, die Sie visualisieren möchten.
- Fügen Sie eine Community-Visualisierung hinzu und verwenden Sie dabei den
dev
-Bucket als Komponenten-ID. - Kopieren Sie den Inhalt der Visualisierung in
scripts/data/localData.js
. Diese Daten werden bei der lokalen Entwicklung verwendet.
Skripts
Die folgenden Skripts sind für Visualisierungsprojekte verfügbar, die mit dscc-gen
erstellt wurden.
Befehl | Aktion |
---|---|
npm run start
|
Starten Sie den lokalen Server und sehen Sie sich die Visualisierung in der Vorschau an. |
npm run update_message |
Aktualisieren Sie die Nachricht mit objectFormat. |
npm run build:dev
|
Erstellen Sie Dateien aus ./src zu ./build und deaktivieren Sie Caching. |
npm run push:dev |
Kopieren Sie die Dateien aus build in Ihren dev -Bucket. |
npm run build:prod
|
Erstellen Sie Dateien aus ./src in ./build und aktivieren Sie Caching. |
npm run push:prod
|
Kopieren Sie die Dateien aus build in Ihren prod -Bucket. |
Für den Befehl update_message
wird standardmäßig objectFormat verwendet. Bearbeiten Sie zur Verwendung von tableFormat die Parameter im Skript update_message
in package.json
von -f object
in -f table
.
Codelab
Informationen zur Verwendung der Tools finden Sie im Codelab zu „dscc-gen“.