Topluluk görselleştirmenizdeki değişiklikleri görmek için tipik iş akışı, dosyalarınızı GCS'ye yüklemek ve ardından Looker Studio raporunuzu yenilemektir. Bu işe yarar ancak değişiklikleri görmek için çok fazla zaman geçirebileceğiniz anlamına gelir. dscc-gen, görselleştirme kodundaki değişiklikleri anında görmek için bir iş akışının etkinleştirilmesini sağlayarak topluluk görselleştirmesi yazmak için gereken süreyi kısaltır.
Başlamak için npm 5.2.0 veya üzeri ile gsutil sürümlerinin yüklü olduğundan emin olun. Ardından şu komutu çalıştırın:
npx @google/dscc-gen viz
İlk Yapılandırma
dscc-gen
, muhtemelen görselleştirmek istediğiniz verileri temsil etmeyen varsayılan bir yerel veri kümesiyle birlikte gelir. Bu veri kümesini ihtiyaçlarınızı karşılayacak şekilde güncellemek için:
src/index.json
sayfasında yapılandırmanızı güncelleyin.npm run update_message
komutunu çalıştırın. Bu işlem, mesajı kopyalaması kolay bir biçimde gösterendev
paketinize bir görselleştirme dağıtır.- Yeni bir rapor oluşturun ve görselleştirmek istediğiniz verileri temsil eden bir veri kümesine bağlanın.
- Bileşen kimliğiniz olarak
dev
paketinizi kullanarak bir topluluk görselleştirmesi ekleyin. - Görselleştirmenin içeriğini
scripts/data/localData.js
hedefine kopyalayın. Bu veriler, yerel olarak geliştirme yaptığınızda kullanılır.
Yazı sistemleri
Aşağıdaki komut dosyaları, dscc-gen
ile oluşturulan görselleştirme projelerinde kullanılabilir.
Komut | İşlem |
---|---|
npm run start
|
Yerel sunucuyu başlatın ve görselleştirmenizi önizleyin. |
npm run update_message |
objectFormat kullanarak iletiyi güncelleyin |
npm run build:dev
|
Önbelleğe alma devre dışıyken dosyaları ./src içinden ./build biçimine oluşturun. |
npm run push:dev |
Dosyaları build paketinden dev paketinize kopyalayın. |
npm run build:prod
|
Önbelleğe alma etkin durumdayken ./src yolundan ./build dosyası oluşturun. |
npm run push:prod
|
build dosyalarını prod paketinize kopyalayın. |
update_message
komutu varsayılan olarak objectFormat'a ayarlanır. tableFormat değerini kullanmak için package.json
tablosundaki update_message
komut dosyasındaki -f object
olan parametreleri -f table
olarak düzenleyin.
Codelab
Aracı nasıl kullanacağınızı öğrenmek için dscc-gen codelab'i inceleyin.