מגרש משחקים

כשמתבצע פריצה בליבה של blockly או בפיתוח פלאגין, מגרש המשחקים הוא כלי שימושי מאוד. יש בו מכונה מוגדרת מראש שלBlockly, שאפשר להשתמש בה לבדיקה, לניפוי באגים וליצירת אב טיפוס. ב-Google, כמעט כל הפיתוח של בולילי מתבצע באמצעות מגרש המשחקים. לפניכם תצוגה מקדימה של מגרש המשחקים הפשוט בשרת ההדגמה.

יש 3 סוגים של מגרשי משחקים לליבה של blockly: פשוטים, מתקדמים וריבוי. בדוגמאות של רחובות, בדרך כלל נעשה שימוש רק במגרש המשחקים המתקדם.

דרישות מוקדמות

חסימת משתמשים עכשיו במערכת מודול החסימות. בגלל אופן הטעינה שלהם, צריך לאחזר מודולים של סגירה ללא הידור מכתובת URL של http: או https:, ואי אפשר לאחזר אותם ישירות מכתובות URL של file:. כתוצאה מכך, כדי לטעון את Playground במצב ללא הידור, צריך לטעון אותו משרת אינטרנט מקומי.

יצרנו סקריפט שמפעיל שרת מקומי וטוען את כל הקוד שנדרש לטעינת המודולים של blockly. כדי להתקין את כל יחסי התלות, צריך להתקין במחשב את npm ולהריץ את npm install מהשורש של blockly.

באמצעות Internet Explorer

ב-Blockly משתמשים עכשיו בתכונות מתקדמות ב-codebase, שייתכן שלא תואמות ל-Internet Explorer. בקוד הדחוס (ההידור), התכונות האלה מועתקות לעבודה עם IE, אבל יכול להיות שטעינת הקוד הלא דחוס לא תפעל. אם טוענים את מגרש המשחקים ב-IE, גם דרך שרת http מקומי, מגרש המשחקים יטען באופן אוטומטי את קוד החסימה הדחוס כדי להבטיח תאימות. בקטע 'גישה ישירה למגרשי משחקים' אפשר למצוא פרטים נוספים על בדיקת השינויים במגרש המשחקים במצב דחוס.

מגרש משחקים פשוט

מגרש המשחקים הפשוט הוא שעליו מבוססים שני מגרשי המשחקים האחרים. מוצגת בו ארגז כלים וסביבת עבודה, ומאפשרת לשנות מספר מוגבל של הגדרות.

כדי לפתוח את מגרש המשחקים, רוצו

npm run start

מהשורש שלBlockly. מוודאים שאין שום דבר נוסף שמואזין ביציאה 8080. פקודה זו תפעיל שרת שמארח את המודולים של blockly ותפתח באופן אוטומטי את הדפדפן לדף מגרש המשחקים. כשתהיו מוכנים לסגור את מגרש המשחקים, סיימו את התהליך (בסביבות של Mac ו-Linux)

מגרש המשחקים כולל:

• כל הקוד לא דחוס לצורך פיתוח מהיר.
• כל הבלוקים המוגדרים כברירת מחדל (מלבד בלוקים מסוימים שהוצאו משימוש).
• כל מחוללי השפות (JavaScript, Python, PHP, Lua ו-Dart).
• ביצוע סריאליזציה ושינוי של מצב סביבת העבודה (JSON או XML).
• מעבר בין פריסת LTR ו-RTL.
• מעבר בין פריסות של ארגז הכלים.
• מבחני לחץ לתהליך העיבוד.
• מתעדים את כל האירועים במסוף.

מגרש משחקים למתקדמים

מגרש המשחקים המתקדם כולל תכונות נוספות שמקלות עוד יותר על ניפוי הבאגים ב-Blockly. זהו גם מגרש המשחקים שמוגדר כברירת מחדל בכל יישומי הפלאגין, בדוגמאות חסימה.

מגרש משחקים עם כל התכונות הפשוטות של מגרש המשחקים, וגם:

• אפשר לקבוע הגדרות נוספות, כמו גודל הרשת, פקדי שינוי מרחק התצוגה, כלי הרינדור, עיצוב ועוד.
• ההגדרות והבלוקים שנעשה בהם שימוש נשמרים במטמון והמערכת משתמשת בהם באופן אוטומטי בפעם הבאה ש-Playground נטען.
• אפשר לראות את הפלט של כל מחולל באותו חלון.

כדי להפעיל את מגרש המשחקים המתקדם עבור כל פלאגין ב-blockly-samples, מריצים את npm run start מספריית השורש של הפלאגין. נכון לעכשיו רק פלאגין אחד יכול לפעול בכל פעם, והוא משתמש ביציאה 3, 000. אם אתם מתקשים להפעיל את הפלאגין, ודאו קודם ששום דבר אחר לא מאזין ביציאה הזו.

כדי להפעיל את מגרש המשחקים המתקדם בליבה, מריצים את npm run start מהרמה הבסיסית של BigQuery ואז לוחצים על הקישור Advanced (מתקדם) מתחת לכותרת.

תוכלו גם ליצור דף בדיקה משלכם שכולל את מגרש המשחקים המתקדם באמצעות חבילת כלי הפיתוח שלBlockly.

מגרש משחקים מרובה

במגרש המשחקים יש מספר מגרשי משחקים בתצורות שונות למצב LTR ולמיקום של ארגז הכלים. משמש בעיקר כדי לבדוק במהירות ש-Blockly לא שבר שום דבר שקשור ל-LTR לפני ההשקה. כדי לפתוח את מגרש המשחקים, פועלים לפי ההוראות המתאימות למגרש המשחקים הפשוט ומשנים את כתובת ה-URL ל-/tests/multi_playground.html.

בדיקת שינויים

כשמריצים מגרש משחקים דרך שרת מקומי, ברוב המקרים כל מה שצריך לעשות כדי לראות את השינויים ב-Blockly הוא לרענן את הדף. אם הוספתם קובץ חדש או עם תלות חדשה בקובץ, יכול להיות שקודם כול צריך להריץ את הפקודה npm run build. הפעולה הזו תעדכן את הקובץ test/deps.js כדי לוודא שיחי התלות נטענים כמו שצריך, ואז לרענן את הדף.

אם אתם מפעילים מגרש משחקים מתקדם של פלאגין, אתם לא צריכים אפילו לרענן את הדף. השינויים נטענים באופן אוטומטי!

גישה ישירה למגרשי המשחקים

בעבר, הייתה גישה מקומית למגרש המשחקים הפשוט באמצעות ניווט ישיר לקובץ test/playground.html בדפדפן. זה עדיין אפשרי בזכות מגרשי המשחקים הפשוטים והמרובים, אבל כבר לא מומלץ לעשות זאת. אם תעשו זאת, מגרש המשחקים יזהה שאתם לא מפעילים שרת מקומי וישתמש בקובצי חסימת נתונים דחוסים באופן אוטומטי (מידע נוסף זמין בדף BuildingBlockly) ובכל פעם שמשנים משהו בליבה של blockly, תצטרכו לבנות מחדש את הליבה ולבצע את השינויים. עדיין תוכלו לגשת לדפים האלה אם הם מתארחים בשרת מרוחק, כמו הדוגמה שלנו שמתארחת באתר ההדגמה שלנו. כשאתם במצב דחוס, הרקע יהיה כחול בהיר.

מגרש המשחקים המתקדם לא זמין דרך גישת file:.