كتابة العروض المرئية بشكل أسرع باستخدام dscc-gen

في ما يلي الخطوات التي يجب اتّباعها عادةً للاطّلاع على التغييرات في المرئيات على المنتدى: يمكنك تحميل ملفاتك إلى خدمة GCS، ثم إعادة تحميل تقرير Looker Studio. هذا يعمل، ولكنه يعني أنه يمكنك قضاء الكثير من الوقت في انتظار رؤية التغييرات. dscc-gen لتمكين سير العمل من رؤية التغييرات على الفور على رمز التصور، مما يقلل الوقت المستغرق لكتابة تصور المجتمع.

للبدء، تأكَّد من تثبيت npm 5.2.0 أو إصدار أحدث وgsutil. بعد ذلك، يُرجى اتّباع الخطوات التالية: التشغيل:

npx @google/dscc-gen viz

الإعداد لأول مرة

يأتي dscc-gen مع مجموعة بيانات محلية تلقائية ربما تكون غير ممثلة للبيانات التي تريد تصورها. لتحديث مجموعة البيانات هذه لتلبية احتياجاتك:

  1. عدِّل الإعدادات على src/index.json.
  2. تشغيل npm run update_message يؤدي هذا إلى نشر تصور حزمة dev تعرض الرسالة بتنسيق يسهُل نسخه.
  3. أنشئ تقريرًا جديدًا واربطه بمجموعة بيانات تمثّل البيانات التي تريد تصورها.
  4. إضافة تمثيل بصري للمنتدى باستخدام حزمة dev كمكون رقم التعريف
  5. انسخ محتوى العرض المرئي إلى scripts/data/localData.js. هذا النمط عند التطوير محليًا.

النصوص البرمجية

النصوص البرمجية التالية متاحة لمشروعات التصور التي تم إنشاؤها باستخدام dscc-gen

Command الإجراء
npm run start شغِّل الخادم المحلي وعايِن التصور
npm run update_message تعديل الرسالة باستخدام objectFormat
npm run build:dev إنشاء ملفات من ./src إلى ./build باستخدام تم إيقاف ميزة التخزين المؤقت.
npm run push:dev يمكنك نسخ الملفات من build إلى حزمتك على dev.
npm run build:prod إنشاء ملفات من ./src إلى ./build باستخدام تم تفعيل التخزين المؤقت.
npm run push:prod نسخ الملفات من build إلى prod دُلو.

يتم ضبط الأمر update_message تلقائيًا على objectFormat. لاستخدام tableFormat، عدِّل المَعلمات في النص البرمجي update_message في package.json من -f object إلى -f table.

درس تطبيقي حول الترميز

للتعرّف على كيفية استخدام الأدوات، راجِع الدرس التطبيقي حول ترميز dscc-gen.

درس تطبيقي حول ترميز dscc-gen