Aby zobaczyć zmiany w wizualizacji społeczności, zazwyczaj wystarczy przesłać pliki do GCS, a następnie odświeżyć raport Looker Studio. To działa, ale oznacza, że możesz czekać dużo czasu na zmiany. dscc-gen umożliwia przepływ pracy, który pozwala natychmiast zobaczyć zmiany w kodzie wizualizacji, co skraca czas potrzebny na napisanie wizualizacji utworzonej przez społeczność.
Na początek sprawdź, czy masz zainstalowane urządzenia npm 5.2.0 lub nowsze i gsutil. Następnie uruchom:
npx @google/dscc-gen viz
Konfiguracja za pierwszym razem
dscc-gen udostępnia domyślny lokalny zbiór danych, który prawdopodobnie nie reprezentuje danych, które chcesz wizualizować. Aby zaktualizować ten zbiór danych odpowiednio do swoich potrzeb:
- Zaktualizuj konfigurację na stronie
src/index.json. - Uruchom
npm run update_message. Spowoduje to wdrożenie w zasobnikudevwizualizacji, która wyświetla komunikat w formacie łatwym do skopiowania. - Utwórz nowy raport i połącz się ze zbiorem danych reprezentującym dane, które chcesz wizualizować.
- Dodaj wizualizację utworzoną przez społeczność, używając zasobnika
devjako identyfikatora komponentu. - Skopiuj zawartość wizualizacji do usługi
scripts/data/localData.js. Te dane będą używane podczas programowania lokalnego.
Skrypty
W przypadku projektów wizualizacji utworzonych za pomocą dscc-gen dostępne są poniższe skrypty.
| Polecenie | Działanie |
|---|---|
npm run start
|
Uruchom serwer lokalny i wyświetl podgląd wizualizacji |
npm run update_message |
Zaktualizuj wiadomość za pomocą metody objectFormat |
npm run build:dev
|
Kompiluj pliki z ./src w ./build z wyłączonym zapisywaniem w pamięci podręcznej. |
npm run push:dev |
Skopiuj pliki z usługi build do zasobnika dev. |
npm run build:prod
|
Kompiluj pliki z ./src w ./build z włączonym pamięcią podręczną. |
npm run push:prod
|
Skopiuj pliki z dysku build do zasobnika prod. |
Polecenie update_message przyjmuje domyślnie wartość objectFormat. Aby używać tableFormat, zmień parametry w skrypcie update_message w package.json z -f object na -f table.
Ćwiczenia z programowania
Aby dowiedzieć się, jak korzystać z tego narzędzia, zapoznaj się z ćwiczeniami z programowania DScc-gen.
