En général, pour voir les modifications apportées à la visualisation de la communauté, vous devez importer vos fichiers dans GCS, puis actualiser votre rapport Looker Studio. Cela fonctionne, mais cela signifie que vous pouvez passer beaucoup de temps à attendre avant de voir les modifications. dscc-gen permet à un workflow de voir immédiatement les modifications apportées au code de votre visualisation, ce qui réduit le temps nécessaire pour écrire une visualisation de la communauté.
Pour commencer, assurez-vous que npm 5.2.0 ou version ultérieure et gsutil sont installés. Ensuite, exécutez la commande suivante:
npx @google/dscc-gen viz
Première configuration
dscc-gen
est fourni avec un ensemble de données local par défaut qui n'est probablement pas représentatif des données que vous souhaitez visualiser. Pour mettre à jour ce jeu de données afin de répondre à vos besoins:
- Mettez à jour votre configuration à l'adresse
src/index.json
. - Exécutez
npm run update_message
. Cette opération déploie une visualisation dans le bucketdev
qui affiche le message dans un format facile à copier. - Créez un rapport et connectez-vous à un ensemble de données représentatif des données que vous souhaitez visualiser.
- Ajoutez une visualisation de la communauté en utilisant votre bucket
dev
comme ID de composant. - Copiez le contenu de la visualisation dans
scripts/data/localData.js
. Ces données seront utilisées pour le développement en local.
Scripts
Les scripts suivants sont disponibles pour les projets de visualisation créés avec dscc-gen
.
Commande | Action |
---|---|
npm run start
|
Démarrez le serveur local et prévisualisez votre visualisation |
npm run update_message |
Modifiez le message en utilisant objectFormat. |
npm run build:dev
|
Créez des fichiers de ./src dans ./build en désactivant la mise en cache. |
npm run push:dev |
Copiez les fichiers de build dans votre bucket dev . |
npm run build:prod
|
Créez des fichiers de ./src dans ./build avec la mise en cache activée. |
npm run push:prod
|
Copiez les fichiers de build dans votre bucket prod . |
La commande update_message
utilise par défaut objectFormat. Pour utiliser tableFormat, modifiez les paramètres du script update_message
dans package.json
en remplaçant -f object
par -f table
.
Atelier de programmation
Pour apprendre à utiliser ces outils, consultez l'atelier de programmation dscc-gen.