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_messageaus. 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“.
