Criar suas visualizações mais rapidamente com dscc-gen

O fluxo de trabalho típico para ver as alterações em sua visualização da comunidade é faça o upload dos arquivos para o GCS e atualize o relatório do Looker Studio. Isso funciona, mas nem sempre é um processo rápido. O dscc-gen exibe imediatamente as mudanças no código, reduzindo o tempo necessário para criar uma visualização da comunidade.

Para começar, verifique se o npm 5.2.0 ou versão mais recente e o gsutil estão instalados. Depois, execute o código a seguir:

npx @google/dscc-gen viz

Primeira configuração

dscc-gen inclui um conjunto de dados local padrão que provavelmente não retorna as informações que você quer visualizar. Veja o que fazer para ajustá-lo às suas necessidades:

  1. Atualize suas configurações em src/index.json.
  2. Execute npm run update_message. Essa ação vai implantar uma visualização no seu bucket dev que exibe a mensagem em um formato simples de copiar.
  3. Crie um novo relatório e associe a um conjunto de dados que mostre os dados que você quer visualizar.
  4. Adicione uma visualização da comunidade usando seu bucket dev como ID do componente.
  5. Copie o conteúdo da visualização para scripts/data/localData.js. Esses dados serão utilizados quando você desenvolver localmente.

Scripts

Os seguintes scripts estão disponíveis para projetos de visualização criados com dscc-gen.

Comando Ação
npm run start Inicie o servidor local e confira uma prévia da sua visualização.
npm run update_message Atualize a mensagem usando o objectFormat.
npm run build:dev Crie arquivos de ./src em ./build com o armazenamento em cache desativado.
npm run push:dev Copie os arquivos de build para seu bucket dev.
npm run build:prod Crie arquivos de ./src em ./build com o armazenamento em cache ativado.
npm run push:prod Copie os arquivos de build para seu intervalo prod.

O comando update_message terá o objectFormat como padrão. Se você quiser usar o tableFormat, altere os parâmetros no script update_message em package.json de -f object para -f table.

Codelab

Para saber como usar as ferramentas, consulte o codelab dscc-gen.

Codelab dscc-gen