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:
src/index.jsonadresinden yapılandırmanızı güncelleyin.npm run update_messageçalıştır. Bu sayede Mesajı, kolayca kopyalanabilen bir biçimde gösterendevpaketi.- Yeni bir rapor oluşturun ve istediğiniz verileri seçin.
devpaketinizi bileşeniniz olarak kullanarak topluluk görselleştirmesi ekleyin. Kimlik.- Görselleştirmenin içeriğini
scripts/data/localData.jshedefine 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.
