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:
- Atualize suas configurações em
src/index.json
. - Execute
npm run update_message
. Essa ação vai implantar uma visualização no seu bucketdev
que exibe a mensagem em um formato simples de copiar. - Crie um novo relatório e associe a um conjunto de dados que mostre os dados que você quer visualizar.
- Adicione uma visualização da comunidade usando seu bucket
dev
como ID do componente. - 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.