Le flux de travail typique pour voir les changements dans la visualisation de votre communauté est de importez vos fichiers dans GCS, puis actualisez 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 au workflow de voir immédiatement les modifications apportées au code de visualisation, ce qui réduit le temps nécessaire pour rédiger 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écuter:
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 cet ensemble de données en fonction de vos besoins:
- Mettez à jour votre configuration sur
src/index.json. - Exécutez
npm run update_message. Cela déploie une visualisation sur votre Bucketdevqui affiche le message dans un format facile à copier. - Créez un rapport et connectez-vous à un ensemble de données représentatif les données que vous souhaitez visualiser.
- Ajoutez une visualisation de la communauté en utilisant votre bucket
devcomme composant. ID. - Copiez le contenu de la visualisation dans
scripts/data/localData.js. Ce les données seront utilisées lorsque vous développerez 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 |
Mettez à jour le message à l'aide de la propriété objectFormat. |
npm run build:dev
|
Créer des fichiers de ./src dans ./build avec
mise en cache désactivée. |
npm run push:dev |
Copiez les fichiers de build dans votre bucket dev. |
npm run build:prod
|
Créer des fichiers de ./src dans ./build avec
mise en cache activée. |
npm run push:prod
|
Copiez les fichiers de build dans votre prod
bucket. |
La commande update_message utilise par défaut la valeur objectFormat. Pour utiliser la
tableFormat, modifiez les paramètres du script update_message dans
package.json de -f object à -f table.
Atelier de programmation
Pour apprendre à utiliser les outils, consultez l'atelier de programmation dscc-gen.
