VSCode에서 Azure 리소스 그룹의 종속성 시각화

VS Code ARM Template Viewer 확장 프로그램과 Azure에서 내보낸 ARM Template를 사용하여 시각화할 수 있습니다.

VS Code에 설치하는 확장 프로그램

VS Code 확장 프로그램 보기를 열고 ARM Template Viewer를 설치합니다. arm 에서 검색하면 위쪽에 표시된다고 생각합니다.

ARM Template Viewer - Visual Studio Marketplace

사용법

샘플로 Azure Functions와 Cosmos DB라는 두 리소스를 그룹에 추가한 리소스를 시각화해 봅니다.

Azure에서 ARM Template 내보내기

리소스 그룹을 열고 시각화할 리소스 그룹 선택 > 템플릿 내보내기를 선택합니다. 생성된 ARM Template을 복사하거나 다운로드합니다.

VS Code에서 ARM Template Viewer 보기

VS Code를 열고 복사하거나 다운로드한 ARM Template를 붙여넣습니다. JSON 형식의 파일 형식으로 변경하면 오른쪽 상단에 눈 아이콘이 표시되므로 클릭합니다. 화면 오른쪽에 리소스가 시각화되어 표시됩니다.

기타 정보

Azure CLI에서 ARM Template 내보내기

az group export 명령으로 내보낼 수 있습니다. 공식 문서는 리소스 그룹 관리 - Azure CLI - Azure Resource Manager | Microsoft Docs입니다.

az group export --name {ResourceGroupName}

이번 실행 결과 :

PS C:\Users\piku3n\repo> az group export --name "neko-prod"
# {
#   "$schema": "https://schema.management.azure.com/schemas/2015-01-01/deploymentTemplate.json#",
#   "contentVersion": "1.0.0.0",
#   "parameters": {
#     "databaseAccounts_neko_prod_cos777_name": {
#       "type": "String"
#     },
# ...

GitHub 샘플을 사용하여 시각화

GitHub 에 ARM Template 를 정리한 Azure/azure-quickstart-templates: Azure Quickstart Templates 가 존재합니다. 여기에서 원하는 ARM Template를 사용하여 Azure 없이 시각화할 수 있습니다.

이미지는 vod-aspera-wowza-azuremediaservices 를 시각화한 것입니다.

ARM Template Viewer 기능

리소스는 마우스 드래그 앤 드롭으로 이동할 수 있습니다.

리소스를 클릭하면 오른쪽 하단에 세부 정보가 표시됩니다.

필터링하거나 매개변수 파일을 추가할 수 있습니다.

자세한 것은 ARM Template Viewer - Visual Studio Marketplace 에 여러가지 써 있습니다.

ARM Template 오류 검사

템플릿이 잘못 구성되면 뷰어가 오류를 표시합니다. 가져올 수 있는지 여부의 체크는 아니지만 참고 정도로 사용할 수 있다고 생각합니다.