הרחבת ARM Template Viewer על VSCode

הגלריה של VSCode מכילה אלפי הרחבות לתחומי ענין שונים החל מהרחבות של Azure, AWS ועוד רבים ומעניינים, הגלריה זמינה בקישור https://marketplace.visualstudio.com, בנוסף כל אותם הרחבות זמינות וניתנות להתקנה מתוך ממשק VSCode עצמו.

2019-09-27_07h35_41.png

מכל אותם אלפי הרחבות ישנם כאלה שמסייעים ומפשטים את הפעולות היומיומית, למשל הרחבת ARM Template Viewer.

הרחבת ARM Template Viewer

הרחבת ARM Template Viewer מציגה בצורה גרפית את כל האובייקטים, הרכיבים והמשאבים הקיימים מתוך Azure Resource Manager, התצוגה מתבססת על האייקונים המוכרים של Azure ולכן בכל אובייקט או משאב נוכל לראות בדיוק את האייקון המוכר של כל אובייקט מסוג שרת, או Vnet או IoT וכן הלאה.

בנוסף לכך כל ההרחבות של כל אותם אובייקטים זמינות מתוך המאגר של Azure Quickstart Templates

הרחבת ARM Template Viewer מבוססת בין היתר על Cytoscape.js library אשר מבצע ויזואליזציה על כל האובייקטים, הפלטפורמה של Cytoscape.js library היא למעשה קוד פתוח המאפשר לקחת כל סביבה ולהציג אותה בצורה גרפית תוך כדי הצגת אובייקטים ומשאבים של הסביבה בין אם מדובר על תקשורת, אבטחת מידע, ענן וכן הלאה.

טיפ: לאחר שמורידים Template ניתן לבצע עריכה מקומית של מכונות, רשתות וכן הלאה ולאחר מכן להעלות אל ARM ולבצע Deploy.

איך עובדים עם ARM Template Viewer

בכדי להציג את כלל האובייקטים בצורה גרפית מתוך ARM יש לבצע את הפעולות הבאות:

התקנת ARM Template Viewer, בין אם מתקינים מתוך ממשק VSCode בתיבת החיפוש של הרחבות או מתוך הקישור הבא ARM Template Viewer

2019-09-27_07h56_52.png

לאחר מכן נוריד ARM Template מתול פורטל Azure לפי הפעולות הבאות:

  • מתוך פורטל Azure נבחר Resource Group רלוונטי ולאחר מכן נבחר באפשרות Export Template
  • לאחר מכן נוריד את אותו Template נדרש

2019-09-27_07h53_23.png

בסיום נפתח את קובץ template.json מתוך ממשק VSCode

בממשק נקליד על צירוף המקשים Ctrl+Alt+Q ולאחר מכן יפתח ARM Viewer שיציג את כלל האובייקטים הקיימים באותו ARM שהורדנו.

התצוגה מאפשרת להציג את האובייקטים לפי תצוגות שונות:

  • Labels – מציג את השמות המקוריים של כל אובייקט
  • Snap – מחלק את התצוגה לפי מצב רשת קיים
  • Layout – מחזיר מצב לדיפולטי
  • Fit – תצוגת מסך כללית

2019-09-27_08h03_492019-09-27_08h04_082019-09-27_08h05_23

2019-09-27_08h06_46.png



:קטגוריותDEV

תגים: , , ,

מה דעתך?

This site uses Akismet to reduce spam. Learn how your comment data is processed.