Quy trình thông thường để xem các thay đổi trong hình ảnh dữ liệu cộng đồng là tải tệp lên GCS, sau đó làm mới báo cáo Looker Studio. Cách này hiệu quả, nhưng có nghĩa là bạn có thể dành nhiều thời gian chờ xem các thay đổi. dscc-gen cho phép quy trình công việc thấy ngay các thay đổi về mã hình ảnh trực quan của bạn, giúp giảm thời gian viết hình ảnh cộng đồng.
Để bắt đầu, hãy đảm bảo bạn đã cài đặt npm 5.2.0 trở lên và gsutil. Sau đó, hãy chạy:
npx @google/dscc-gen viz
Cấu hình lần đầu tiên
dscc-gen đi kèm với một tập dữ liệu cục bộ mặc định có thể không đại diện cho dữ liệu mà bạn muốn hình ảnh hoá. Cách cập nhật tập dữ liệu này cho phù hợp với nhu cầu của bạn:
- Cập nhật cấu hình của bạn tại
src/index.json. - Chạy
npm run update_message. Thao tác này sẽ triển khai hình ảnh cho bộ chứadevđể hiển thị thông báo ở định dạng dễ sao chép. - Tạo báo cáo mới và kết nối với một tập dữ liệu đại diện cho dữ liệu mà bạn muốn minh hoạ.
- Thêm hình ảnh dữ liệu cộng đồng bằng cách sử dụng bộ chứa
devlàm mã nhận dạng thành phần. - Sao chép nội dung của hình ảnh vào
scripts/data/localData.js. Dữ liệu này sẽ được dùng khi bạn phát triển cục bộ.
Tập lệnh
Có các tập lệnh sau cho các dự án tạo hình ảnh trực quan được tạo bằng
dscc-gen.
| Lệnh | Hành động |
|---|---|
npm run start
|
Khởi động máy chủ cục bộ và xem trước hình ảnh trực quan của bạn |
npm run update_message |
Cập nhật thông báo bằng cách sử dụng objectFormat |
npm run build:dev
|
Tạo các tệp từ ./src vào ./build khi tắt tính năng lưu vào bộ nhớ đệm. |
npm run push:dev |
Sao chép các tệp từ build vào bộ chứa dev. |
npm run build:prod
|
Tạo các tệp từ ./src vào ./build có bật tính năng lưu vào bộ nhớ đệm. |
npm run push:prod
|
Sao chép các tệp từ build vào bộ chứa prod. |
Lệnh update_message mặc định là objectFormat. Để sử dụng tableFormat, hãy chỉnh sửa các tham số trong tập lệnh update_message trong package.json từ -f object thành -f table.
Lớp học lập trình
Để tìm hiểu cách sử dụng công cụ này, hãy xem lớp học lập trình dscc-gen.
