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

Topluluk görselleştirmenizdeki değişiklikleri görmek için genellikle Dosyalarınızı GCS'ye yükleyin, ardından Looker Studio raporunuzu yenileyin. Bu şekilde çalışır, Ancak değişiklikleri görmek için çok beklemeniz gerekebileceği anlamına gelir. dscc-gen görselleştirme kodu değişikliklerinizi anında görmenizi sağlayan bir iş akışı sağlar, gereken süreyi ifade eder.

Başlamak için npm 5.2.0 veya sonraki bir sürüm ve gsutil'in yüklü olduğundan emin olun. Ardından, çalıştır:

npx @google/dscc-gen viz

İlk Kez Yapılandırma

dscc-gen, verileri temsil etme olasılığı düşük olan bir varsayılan yerel veri kümesiyle geliyor ayrıntılı bir şekilde tanımlamalısınız. Bu veri kümesini ihtiyaçlarınızı karşılayacak şekilde güncellemek için:

  1. src/index.json adresinden yapılandırmanızı güncelleyin.
  2. npm run update_message çalıştır. Bu sayede Mesajı, kolayca kopyalanabilen bir biçimde gösteren dev paketi.
  3. Yeni bir rapor oluşturun ve istediğiniz verileri seçin.
  4. dev paketinizi bileşeniniz olarak kullanarak topluluk görselleştirmesi ekleyin. Kimlik.
  5. Görselleştirmenin içeriğini scripts/data/localData.js hedefine kopyalayın. Bu veriler, yerel olarak geliştirme yaptığınızda kullanılacaktır.

Komut Dosyaları

Aşağıdaki komut dosyaları, dscc-gen

Komut İşlem
npm run start Yerel sunucuyu başlatın ve görselleştirme
npm run update_message objectFormat kullanarak mesajı güncelleme
npm run build:dev Şunu kullanarak ./src hizmetinden ./build adında dosya oluşturun önbelleğe alma devre dışı bırakıldı.
npm run push:dev Dosyaları build yolundan dev paketinize kopyalayın.
npm run build:prod Şununla ./src dosyalarını ./build içinde oluşturun: önbelleğe alma etkin olmalıdır.
npm run push:prod build adresindeki dosyaları prod cihazınıza kopyalayın paket.

update_message komutu varsayılan olarak objectFormat değerine ayarlanır. To tableFormat içindeki update_message komut dosyasındaki parametreleri package.json, -f object--f table.

Codelab

Aracın nasıl kullanılacağını öğrenmek için dscc-gener codelab'i inceleyin.

dscc oluşturma codelab'i