Il flusso di lavoro tipico per visualizzare le modifiche nella visualizzazione della community consiste nel caricare i file in GCS, quindi aggiornare il report di Data Studio. Questo funziona, ma significa che puoi passare molto tempo ad aspettare di vedere le modifiche. dscc-gen consente un flusso di lavoro per visualizzare immediatamente le modifiche al codice di visualizzazione, riducendo il tempo necessario per scrivere una visualizzazione della community.
Per iniziare, assicurati che siano installati npm 5.2.0 o versioni successive e gsutil. Quindi, esegui:
npx @google/dscc-gen viz
Prima configurazione
dscc-gen include un set di dati locale predefinito che probabilmente non è rappresentativo
dei dati che vuoi visualizzare. Per aggiornare questo set di dati in base alle tue esigenze:
- Aggiorna la configurazione all'indirizzo
src/index.json. - Esegui
npm run update_message. In questo modo, viene eseguito il deployment di una visualizzazione nel bucketdevche mostra il messaggio in un formato facile da copiare. - Crea un nuovo report e collegalo a un set di dati rappresentativo dei dati che vuoi visualizzare.
- Aggiungi una visualizzazione della community utilizzando il bucket
devcome ID componente. - Copia i contenuti della visualizzazione in
scripts/data/localData.js. Questi dati verranno utilizzati durante lo sviluppo locale.
Script
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 di build da ./src in ./build con la
memorizzazione nella cache disattivata. |
npm run push:dev |
Copia i file da build al bucket dev. |
npm run build:prod
|
Crea file da ./src in ./build con la
memorizzazione nella cache attivata. |
npm run push:prod
|
Copia i file da build al bucket prod. |
Il comando update_message utilizza per impostazione predefinita 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 gli strumenti, consulta il codelab dscc-gen.
