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 bucketdevqui 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
devcomme 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.
