הוספת טקסט וקיבוצים ללוח בקרה

ווידג'טים של טקסט, כותרת קטע וקבוצה בלוח בקרה בהתאמה אישית ב-Cloud Monitoring מאפשרים לתעד את השלבים לפתרון בעיות ולארגן אוספים גדולים של תרשימים. אתם יכולים להשתמש בווידג'טים של טקסט ב-Markdown כדי להציג קישורים והנחיות תפעוליות, ובכותרות של קטעים כדי ליצור תוכן עניינים שאפשר לנווט בו. כדי לצמצם את העומס החזותי ולשפר את זמני הטעינה של לוח הבקרה, אתם יכולים לקבץ ווידג'טים לקבוצות שניתן לכווץ, לתפריטים נפתחים או לקבוצות כרטיסיות.

במאמר הזה מוסבר איך להוסיף את הווידג'טים האלה באמצעות מסוףGoogle Cloud . במאמר יצירה וניהול של לוחות בקרה באמצעות API מוסבר איך משתמשים ב-Cloud Monitoring API.

לפני שמתחילים

בפרויקט שבו רוצים ליצור ולשנות מרכזי בקרה בהתאמה אישית, מבצעים את הפעולות הבאות ב- Google Cloud :

הוספת טקסט למרכז בקרה

בצילום המסך הבא מוצג ווידג'ט טקסט:

דוגמה למרכז בקרה עם ווידג'ט טקסט.

המידע בקטע הזה רלוונטי למסוף Google Cloud . למידע על השימוש ב-Cloud Monitoring API, קראו את המאמר מרכז בקרה עם ווידג'ט של Text.

כדי להוסיף ווידג'ט טקסט למרכז בקרה:

  1. נכנסים לדף  Dashboards במסוף Google Cloud :

    עוברים אל מרכזי בקרה.

    אם אתם משתמשים בשורת החיפוש כדי למצוא את הדף הזה, בחרו בתוצאה שכותרת המשנה שלה היא Monitoring.

  2. בסרגל הכלים של מסוף Google Cloud , בוחרים את הפרויקט ב- Google Cloud . להגדרות של App Hub, בוחרים את הפרויקט המארח או את פרויקט הניהול של App Hub.
  3. בוחרים מרכז בקרה או לוחצים על יצירת מרכז בקרה.
  4. בסרגל הכלים, לוחצים על  הוספת ווידג'ט.
  5. בתיבת הדו-שיח Add widget, עוברים לקטע Layout ובוחרים באפשרות Text.
  6. מוסיפים כותרת.

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

    מידע נוסף על עיצוב זמין במאמר תחביר Markdown.

  8. אופציונלי: משתמשים בשדות שבחלונית תצוגה כדי להתאים אישית את התוכן.

    לדוגמה, יכול להיות שתרצו להגדיר את החשיפה של הווידג'ט.

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

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

תחביר Markdown

בקטע הזה מתוארים רוב התחביר של Markdown שנתמך בווידג'ט הטקסט. אין תמיכה בתגי HTML.

  • כותרות

    שורה שמתחילה בסולמית, #, מציינת כותרת. אפשר להשתמש בכמה סימני סולמית כדי ליצור כותרות ברמות שונות. לדוגמה, לכותרת ברמה העליונה משתמשים בסולמית אחת, # Header. לכותרת ברמה השנייה, משתמשים בשתי סולמיות, ## Second-level header.

  • פסקאות

    כדי ליצור פסקה חדשה, משתמשים בשורה ריקה.

  • הדגשה

    • כתב נטוי: משתמשים ב-*italic* או ב-_italic_.
    • הדגשה: משתמשים ב-**bold** או ב-__bold__.
    • מודגש ונטוי: משתמשים ב-***bold and italic***.
    • גופן קבוע: משתמשים במירכאות אחוריות, `fixed font`.

  • קישורים: בפורמט [link text](path).

    אפשר להשתמש בכל ערך בשדה link text. הערך של path צריך להפנות לעוגן HTML במרכז הבקרה או להיות כתובת URL של דף חיצוני.

    • כדי לקשר לחלק אחר במרכז הבקרה, מגדירים את path לעוגן של החלק. העוגן של קטע הוא כותרת הקטע, שמומרת לאותיות קטנות עם מילים שמופרדות במקף. לדוגמה, כדי לקשר לקטע עם הכותרת "תרשימים שמשתמשים במשתנים", מגדירים את path לערך #charts-using-variables.

    • כדי לקשר למשאב חיצוני, מגדירים את path לכתובת ה-URL. לדוגמה, כדי לקשר אל example.com, מגדירים את path לערך https://example.com/.

  • רשימות: אתם יכולים ליצור רשימות ממוספרות או רשימות לא ממוינות, וגם רשימות מקוננות.

    • ברשימות ממוספרות, מוסיפים את הקידומת 1. לכל פריט ברשימה. כשהטקסט מוצג, הרכיבים ממוספרים ברצף. לדוגמה:

      1. Ordered list item 1
1. Ordered list item 2

    • ברשימות לא ממוספרות, מוסיפים לפני כל פריט ברשימה סימן פלוס (+), מקף (-) או כוכבית (*). לדוגמה:

      + Unordered list item 1
+ Unordered list item 2

    • כדי להוסיף רשימה בתוך רשימה, מוסיפים כניסה לרשימה הפנימית. לדוגמה:

      1.  Item 1
    + Nested unordered-list item 1
    + Nested unordered-list item 2
1.  Item 2
    1. Nested ordered-list item 1
    1. Nested ordered-list item 2

  • משתנים: בפורמט ${VARIABLE_NAME}.

    בווידג'ט הטקסט מוצגים רק הערך או הערכים של המשתנה. לדוגמה, אם יש לכם משתנה מבוסס-תווית שבו המפתח הוא zone והערך הוא us-west1, בווידג'ט הטקסט יוצג us-west1.

    כשהערך של משתנה הוא התו הכללי לחיפוש (*), בווידג'ט הטקסט מוצג all.

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

  • תווי בריחה (escape)

    תווים מסוימים, כמו סימני פלוס (+), מומרים לרכיבים של רשימה. אם רוצים להציג את סוגי התווים האלה באופן מילולי, צריך להשתמש בלוכסן הפוך כדי לסמן בתו בריחה (escape) את התו, \+.

ארגון הווידג'טים במרכז הבקרה

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

  • כדי ליצור קטעים עם אינדקס בלוח הבקרה, משתמשים בווידג'ט section-header. כשמוסיפים את הווידג'ט הזה למרכז הבקרה, נוצר תוכן עניינים ונוסף קו הפרדה אופקי למרכז הבקרה. תוכן העניינים מאפשר לכם לעבור לחלק ספציפי במרכז הבקרה. כל ווידג'ט של קטע מכיל עוגן. כשאתם פותרים בעיות, יכול להיות שתרצו לשתף את כתובת ה-URL של הקטע עם חבר צוות. כדי להעתיק את כתובת ה-URL של הקטע, לוחצים לחיצה ימנית על קישור לכותרת, ואז בוחרים באפשרות העתקת כתובת הקישור.

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

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

ברוב הווידג'טים אפשר להגדיר את החשיפה שלהם. עם זאת, הווידג'טים של הארגון תמיד גלויים.

בהמשך הקטע מוסבר איך להוסיף ולהגדיר ווידג'טים שבעזרתם אפשר לארגן את לוחות הבקרה. במאמר שינוי ההגדרות של ווידג'ט מוסבר איך משנים את הווידג'טים האלה.

הוספת ווידג'ט של כותרת קטע

במאמר מרכז בקרה עם ווידג'ט SectionHeader מוסבר איך משתמשים ב-Cloud Monitoring API כדי ליצור ווידג'ט של כותרת קטע.

כדי להוסיף ווידג'ט של כותרת קטע באמצעות מסוף Google Cloud :

  1. נכנסים לדף  Dashboards במסוף Google Cloud :

    עוברים אל מרכזי בקרה.

    אם אתם משתמשים בשורת החיפוש כדי למצוא את הדף הזה, בחרו בתוצאה שכותרת המשנה שלה היא Monitoring.

  2. בסרגל הכלים של מסוף Google Cloud , בוחרים את הפרויקט ב- Google Cloud . להגדרות של App Hub, בוחרים את הפרויקט המארח או את פרויקט הניהול של App Hub.
  3. בתיבת הדו-שיח Add widget, עוברים לקטע Layout ובוחרים בווידג'ט Section header.

  4. בווידג'ט, לוחצים על Edit section וממלאים את הפרטים בתיבת הדו-שיח:

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

הוספת ווידג'טים של קבוצות שניתן לכווץ

במאמר לוח בקרה עם ווידג'ט CollapsibleGroup מוסבר איך משתמשים ב-Cloud Monitoring API כדי ליצור ווידג'ט של קבוצה שאפשר לכווץ.

כדי להוסיף ווידג'ט של קבוצה שאפשר לכווץ באמצעות מסוף Google Cloud :

  1. נכנסים לדף  Dashboards במסוף Google Cloud :

    עוברים אל מרכזי בקרה.

    אם אתם משתמשים בשורת החיפוש כדי למצוא את הדף הזה, בחרו בתוצאה שכותרת המשנה שלה היא Monitoring.

  2. בסרגל הכלים של מסוף Google Cloud , בוחרים את הפרויקט ב- Google Cloud . להגדרות של App Hub, בוחרים את הפרויקט המארח או את פרויקט הניהול של App Hub.
  3. בתיבת הדו-שיח Add widget, עוברים לקטע Layout ובוחרים באפשרות Collapsible Group.

  4. כדי להוסיף ווידג'ט לקבוצה, גוררים אותו אליה.

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

  5. כדי להוסיף שם תיאורי לקבוצה, מציבים את הסמן על הווידג'ט כדי להפעיל את סרגל הכלים, ואז לוחצים על Edit group.

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

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

הוספת ווידג'טים של קבוצות נפתחות או קבוצות כרטיסיות

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

במאמר לוח בקרה עם ווידג'ט של SingleViewGroup מוסבר איך משתמשים ב-Cloud Monitoring API כדי ליצור את הווידג'טים האלה.

כדי להוסיף את הווידג'טים האלה למרכז הבקרה:

  1. נכנסים לדף  Dashboards במסוף Google Cloud :

    עוברים אל מרכזי בקרה.

    אם אתם משתמשים בשורת החיפוש כדי למצוא את הדף הזה, בחרו בתוצאה שכותרת המשנה שלה היא Monitoring.

  2. בסרגל הכלים של מסוף Google Cloud , בוחרים את הפרויקט ב- Google Cloud . להגדרות של App Hub, בוחרים את הפרויקט המארח או את פרויקט הניהול של App Hub.
  3. אם צריך, יוצרים את הווידג'טים שרוצים להוסיף לווידג'ט הקבוצתי.

  4. בתיבת הדו-שיח Add widget, בקטע Layout, בוחרים באפשרות Dropdown group או קבוצת כרטיסיות.

    ווידג'ט מהסוג שנבחר יתווסף למרכז הבקרה.

  5. כדי להוסיף ווידג'טים כמו תרשים קו לווידג'ט קבוצתי, גוררים אותם לווידג'ט הקבוצתי או עורכים את הווידג'ט הקבוצתי ומבצעים פעולת הוספה.

    לדוגמה, כדי להוסיף ווידג'טים לווידג'ט של קבוצת כרטיסיות על ידי עריכת הקבוצה:

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

    3. לוחצים על Add widget ובוחרים אפשרות מהתפריט Add widget.

      בתפריט Add widget מופיעה רשימה של הווידג'טים שאפשר להוסיף לקבוצה.

    4. חוזרים על השלב הקודם לכל ווידג'ט שרוצים להוסיף לווידג'ט של קבוצת כרטיסיות.

    5. כדי לשנות את הסדר של הווידג'טים בווידג'ט הקבוצתי, משתמשים בכפתורים Lower ו- Higher.

    6. לוחצים על אישור.

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

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

המאמרים הבאים

אתם יכולים גם להוסיף למרכזי הבקרה בהתאמה אישית ווידג'טים שמציגים את הנתונים הבאים:

למידע נוסף על חקירת נתונים בתרשימים וסינון מרכזי הבקרה, קראו את המאמרים הבאים: