Типичный рабочий процесс просмотра изменений в визуализации вашего сообщества — это загрузка файлов в GCS, а затем обновление отчета Looker Studio. Это работает, но означает, что вы можете потратить много времени на ожидание изменений. dscc-gen позволяет рабочему процессу немедленно увидеть изменения в коде вашей визуализации, сокращая время, необходимое для написания визуализации сообщества.
Для начала убедитесь, что установлены npm 5.2.0 или новее и gsutil . Затем запустите:
npx @google/dscc-gen viz
Первая настройка
dscc-gen поставляется с локальным набором данных по умолчанию, который, вероятно, не соответствует данным, которые вы хотите визуализировать. Чтобы обновить этот набор данных в соответствии с вашими потребностями:
- Обновите конфигурацию в
src/index.json. - Запустите
npm run update_message. Это развернет визуализацию в вашей корзинеdev, которая отображает сообщение в формате, который легко скопировать. - Создайте новый отчет и подключитесь к набору данных, представляющему данные, которые вы хотите визуализировать.
- Добавьте визуализацию сообщества, используя корзину
devв качестве идентификатора компонента. - Скопируйте содержимое визуализации в
scripts/data/localData.js. Эти данные будут использоваться при локальной разработке.
Скрипты
Следующие сценарии доступны для проектов визуализации, созданных с помощью dscc-gen .
| Команда | Действие |
|---|---|
npm run start | Запустите локальный сервер и просмотрите визуализацию. |
npm run update_message | Обновите сообщение, используя objectFormat |
npm run build:dev | Сборка файлов из ./src в ./build с отключенным кэшированием . |
npm run push:dev | Скопируйте файлы из build в корзину dev . |
npm run build:prod | Сборка файлов из ./src в ./build с включенным кэшированием . |
npm run push:prod | Скопируйте файлы из build в свою корзину prod . |
Команда update_message по умолчанию использует objectFormat . Чтобы использовать tableFormat , измените параметры в скрипте update_message в package.json с -f object на -f table .
Кодлаб
Чтобы узнать, как использовать этот инструмент, просмотрите кодовую лабораторию dscc-gen.
