Escribir visualizaciones más deprisa con dscc-gen

Para ver los cambios en la visualización comunitaria, el proceso habitual es subir los archivos a GCS y luego actualizar la página en la que se muestra el informe de Data Studio. Este método funciona, pero hay que esperar mucho tiempo a que aparezcan las modificaciones. Con la herramienta dscc-gen se pueden ver los cambios en el código de visualización al momento, lo que reduce el tiempo que tardan las visualizaciones comunitarias en escribirse.

Para empezar, asegúrate de tener instalados npm 5.2.0 (o una versión posterior) y gsutil. A continuación, ejecuta lo siguiente:

npx @google/dscc-gen viz

Primera configuración

dscc-gen integra un conjunto de datos local predeterminado que probablemente no sea representativo de los datos que quieres visualizar. Para adaptarlo a tus necesidades, sigue estos pasos:

  1. Actualiza la configuración en src/index.json.
  2. Ejecuta npm run update_message para que se implemente una visualización temporal de tu segmento dev, que muestra el mensaje en un formato fácil de copiar.
  3. Crea un informe y conéctate a un conjunto de datos que sea representativo de los datos que quieres visualizar.
  4. Añade una visualización comunitaria utilizando el segmento dev como tu ID de componente.
  5. Copia el contenido de la visualización en scripts/data/localData.js. Estos datos se usarán cuando desarrolles código de forma local.

Secuencias de comandos

Las secuencias de comandos que se indican a continuación se pueden utilizar en proyectos de visualización creados con dscc-gen.

Comando Acción
npm run start Permite iniciar el servidor local y previsualizar la visualización.
npm run update_message Permite modificar el mensaje usando la referencia objectFormat.
npm run build:dev Permite crear archivos de ./src y pasarlos a ./build con el almacenamiento en caché inhabilitado.
npm run push:dev Permite copiar los archivos de build en el segmento dev.
npm run build:prod Permite crear archivos de ./src y pasarlos a ./build con el almacenamiento en caché habilitado.
npm run push:prod Permite copiar los archivos de build en el segmento prod.

El comando update_message utiliza de forma predeterminada la referencia objectFormat. Para utilizar la referencia tableFormat, en package.json, cambia los parámetros de la secuencia de comandos update_message de -f object a -f table.

Codelab

Para obtener más información sobre cómo utilizar las herramientas, consulta el codelab de dscc-gen.

codelab de dscc-gen