Alur kerja umum untuk melihat perubahan dalam visualisasi komunitas Anda adalah upload file ke GCS, lalu muat ulang laporan Looker Studio Anda. Bisa, tetapi berarti Anda dapat menghabiskan banyak waktu menunggu untuk melihat perubahan. dscc-gen memungkinkan alur kerja untuk segera melihat perubahan kode visualisasi Anda, sehingga waktu yang diperlukan untuk menulis visualisasi komunitas.
Untuk memulai, pastikan npm 5.2.0 atau yang lebih baru dan gsutil sudah diinstal. Lalu: jalankan:
npx @google/dscc-gen viz
Konfigurasi Pertama
dscc-gen dilengkapi dengan set data lokal default yang mungkin tidak representatif
dari data yang ingin Anda visualisasikan. Untuk memperbarui {i>dataset<i} ini agar sesuai dengan kebutuhan Anda:
- Perbarui konfigurasi Anda di
src/index.json. - Jalankan
npm run update_message. Langkah ini menerapkan visualisasi ke Bucketdevyang menampilkan pesan dalam format yang mudah disalin. - Buat laporan baru dan hubungkan ke set data yang mewakili data yang ingin divisualisasikan.
- Tambahkan visualisasi komunitas menggunakan bucket
devsebagai komponen Anda ke ID. - Salin konten visualisasi ke
scripts/data/localData.js. Ini data akan digunakan saat Anda mengembangkan aplikasi secara lokal.
Skrip
Skrip berikut tersedia untuk proyek visualisasi yang dibuat dengan
dscc-gen.
| Perintah | Tindakan |
|---|---|
npm run start
|
Mulai server lokal dan lihat pratinjau visualisasi |
npm run update_message |
Memperbarui pesan menggunakan objectFormat |
npm run build:dev
|
Bangun file dari ./src ke ./build dengan
caching dinonaktifkan. |
npm run push:dev |
Salin file dari build ke bucket dev Anda. |
npm run build:prod
|
Bangun file dari ./src ke ./build dengan
mengaktifkan cache. |
npm run push:prod
|
Salin file dari build ke prod Anda
direktori VM dengan bucket. |
Perintah update_message ditetapkan secara default ke objectFormat. Untuk menggunakan
tableFormat, edit parameter dalam skrip update_message di
package.json dari -f object hingga -f table.
Codelab
Untuk mempelajari cara menggunakan alat ini, tinjau codelab dscc-gen.
