El flujo de trabajo típico para ver los cambios en la visualización de tu comunidad es subir tus archivos a GCS y, luego, actualizar el informe de Looker Studio. Esto funciona, pero significa que puedes pasar mucho tiempo esperando para ver los cambios. dscc-gen permite que un flujo de trabajo vea de inmediato los cambios en el código de visualización, lo que reduce el tiempo que lleva escribir una visualización de la comunidad.
Para comenzar, asegúrate de tener instalados npm 5.2.0 o una versión posterior y gsutil. Luego, ejecuta el siguiente comando:
npx @google/dscc-gen viz
Configuración inicial
dscc-gen
incluye un conjunto de datos local predeterminado que probablemente no sea representativo
de los datos que deseas visualizar. Para actualizar este conjunto de datos según tus necesidades, haz lo siguiente:
- Actualiza la configuración en
src/index.json
. - Ejecuta
npm run update_message
. Esto implementa una visualización en tu bucketdev
que muestra el mensaje en un formato que es fácil de copiar. - Crea un informe nuevo y conéctate a un conjunto de datos que represente los datos que deseas visualizar.
- Agrega una visualización de la comunidad con el bucket
dev
como ID de componente. - Copia el contenido de la visualización en
scripts/data/localData.js
. Estos datos se usarán cuando realices desarrollos locales.
Secuencias de comandos
Las siguientes secuencias de comandos están disponibles para proyectos de visualización creados con dscc-gen
.
Comando | Acción |
---|---|
npm run start
|
Inicia el servidor local y obtén una vista previa |
npm run update_message |
Actualiza el mensaje con objectFormat. |
npm run build:dev
|
Compila archivos de ./src a ./build con el almacenamiento en caché inhabilitado. |
npm run push:dev |
Copia los archivos de build a tu bucket dev . |
npm run build:prod
|
Compila archivos de ./src a ./build con el almacenamiento en caché habilitado. |
npm run push:prod
|
Copia los archivos de build a tu bucket prod . |
El comando update_message
tiene como valor predeterminado el valor objectFormat. Para usar tableFormat, edita los parámetros en la secuencia de comandos update_message
en package.json
de -f object
a -f table
.
Codelab
Para aprender a usar las herramientas, revisa el codelab de dscc-gen.