dscc-gen ile görselleştirmelerinizi daha hızlı yazın

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:

  1. src/index.json sayfasında yapılandırmanızı güncelleyin.
  2. npm run update_message komutunu çalıştırın. Bu işlem, mesajı kopyalaması kolay bir biçimde gösteren dev paketinize bir görselleştirme dağıtır.
  3. Yeni bir rapor oluşturun ve görselleştirmek istediğiniz verileri temsil eden bir veri kümesine bağlanın.
  4. Bileşen kimliğiniz olarak dev paketinizi kullanarak bir topluluk görselleştirmesi ekleyin.
  5. 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.

dscc-gen codelab'i