Scrivi le tue visualizzazioni più velocemente con dscc-gen

Il flusso di lavoro tipico per visualizzare le modifiche nella visualizzazione della community consiste nel caricare i file in GCS e poi aggiornare il report di Looker Studio. Questo approccio funziona, ma significa che puoi attendere molto tempo prima di vedere le modifiche. dscc-gen consente a un flusso di lavoro di vedere immediatamente le modifiche al codice della visualizzazione, riducendo il tempo necessario per scrivere una visualizzazione della community.

Per iniziare, assicurati che npm 5.2.0 o versioni successive e gsutil siano installati. Quindi, esegui:

npx @google/dscc-gen viz

Prima configurazione

dscc-gen viene fornito con un set di dati locale predefinito che probabilmente non rappresenta i dati che vuoi visualizzare. Per aggiornare questo set di dati in base alle tue esigenze:

  1. Aggiorna la configurazione all'indirizzo src/index.json.
  2. Esegui npm run update_message. Questa operazione esegue il deployment di una visualizzazione nel tuo bucket dev che mostra il messaggio in un formato facile da copiare.
  3. Crea un nuovo report e collegati a un set di dati rappresentativo dei dati da visualizzare.
  4. Aggiungi una visualizzazione della community utilizzando il bucket dev come ID componente.
  5. Copia i contenuti della visualizzazione in scripts/data/localData.js. Questi dati verranno utilizzati per lo sviluppo locale.

Sistemi di scrittura

I seguenti script sono disponibili per i progetti di visualizzazione creati con dscc-gen.

Comando Azione
npm run start Avvia il server locale e visualizza l'anteprima della visualizzazione
npm run update_message Aggiorna il messaggio utilizzando objectFormat
npm run build:dev Crea file da ./src in ./build con memorizzazione nella cache disattivata.
npm run push:dev Copia i file da build nel bucket dev.
npm run build:prod Crea file da ./src in ./build con la memorizzazione nella cache abilitata.
npm run push:prod Copia i file da build nel bucket prod.

Il valore predefinito del comando update_message è objectFormat. Per utilizzare tableFormat, modifica i parametri nello script update_message in package.json da -f object a -f table.

Codelab

Per scoprire come utilizzare questi strumenti, consulta il codelab dscc-gen.

Codelab su dscc-gen