다음을 통해 공유

Azure의 JavaScript 개발자를 위한 도구

  • 아티클

JavaScript는 많은 도구의 에코시스템입니다. 이 문서는 JavaScript 개발자를 위해 Microsoft에서 빌드하고 유지 관리하는 다양한 도구입니다. 이러한 도구를 사용하여 Azure를 사용할 필요는 없으며 기능과 지원 모두에서 환경을 개선합니다.

Azure Portal

Azure Portal 계정에 대한 모든 구독 및 리소스에 액세스할 수 있습니다.

Visual Studio Code

Visual Studio Code는 Azure에서 JavaScript 개발에 가장 선호되는 IDE입니다. 인터페이스, 기능 및 확장은 함께 작동하여 개발 시간을 단축하고 개발 좌절을 줄입니다.

로컬 개발 프로젝트의 루트에 프로젝트 작업 영역을 만든 다음 모든 관련 구성, 설정 및 확장을 추가합니다. 모든 팀 구성원이 프로젝트에 필요한 설정 및 도구에 액세스할 수 있도록 프로젝트와 함께 작업 영역 파일을 체크 인합니다.

Visual Studio Code를 사용하면 다음과 같은 몇 가지 이점이 있습니다.

  • Visual Studio Code는 Azure 참조 설명서를 인라인으로 표시합니다.
  • Visual Studio Code는 문 완성을 제공합니다.
  • 모호한 형식 또는 개체가 거의 없는 경우

Visual Studio Code는 JavaScript 프로젝트 사용대한 풍부한 설명서를 제공합니다.

Azure 서비스용 도구

Visual Studio Code에서 Azure 서비스를 직접 사용하려면 다음 무료 확장을 사용합니다.

서비스 도구 묘사
상위 서비스 Visual Studio Code 확장 확장 컬렉션입니다. Microsoft에서 이 하나의 확장에서 상위 Azure 서비스를 모두 가져옵니다.
Azure 리소스 그룹 Visual Studio Code 확장

Azure CLI		 Azure 리소스를 보고 관리합니다.

자습서: MongoDB 앱을 Visual Studio Code에서 App Service에 배포하기 Express.js
자습서 : 웹 사이트에 Cognitive Search 추가
Azure Static 웹앱 Visual Studio Code 확장

SWA CLI		 VS Code 확장 또는 Static Web Apps CLI(SWA CLI)를 사용하여 Azure Static Web Apps를 만들고 관리합니다. VS Code 확장은 편집기와 통합되는 반면 SWA CLI는 Azure 서비스를 로컬로 시뮬레이션합니다.
Azure Functions Visual Studio Code 확장에 연결

Azure CLI

npm 패키지		 함수 만들기, 관리, 보기, 디버그 및 배포

빠른 시작: Visual Studio Code 사용하여 Azure에서 JavaScript 함수 만들기
Azure Container Apps Visual Studio Code 확장

Azure CLI containerapp 		Azure Container Apps를 사용하면 서버리스 플랫폼에서 마이크로 서비스 및 컨테이너화된 애플리케이션을 실행할 수 있습니다. 컨테이너 앱을 관리하고, 새 버전을 배포하고, 성능을 모니터링합니다.

튜토리얼: 프런트 엔드 마이크로서비스 앱 배포

자습서: 백 엔드 마이크로 서비스 앱 배포
Azure Cosmos DB Visual Studio Code 확장에 연결

Azure CLI 		Azure에서 전역적으로 분산된 다중 모델 데이터베이스를 만들고, 찾아보고, 업데이트합니다.

빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Cosmos DB에 연결
보관 Visual Studio Code 확장

Azure CLI

저장소 에뮬레이터 - Azurite		 Azure Storage에는 Blob 컨테이너, 파일 공유, 테이블 및 큐도 포함됩니다.

빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Storage에 연결

모든 Azure 확장을 보려면 다음 링크를 사용합니다.

TypeScript

TypeScript JavaScript의 모든 기능을 제공하며 강력하지만 유연한 형식 시스템을 제공합니다.

TypeScript 및 Azure SDK 클라이언트 라이브러리

클라이언트 라이브러리가 TypeScript로 작성되었기 때문에 Azure SDK 클라이언트 라이브러리 참조 설명서는 TypeScript용으로 작성됩니다. TypeScript를 사용하여 Azure SDK 클라이언트 라이브러리를 사용할 필요는 없습니다.

Azure SDK 대한TypeScript 지침에 대해 자세히 알아봅니다.

전개

Azure용 프리미어 배포 도구는 Azure Development CLI. 이 도구를 사용하면 Bicep 사용하여 Azure 서비스를 만들고 구성하거나 Terraform 소스 코드를 배포할 수 있습니다.

Awesome AZD 사용하여 배포 가능한 샘플을 찾아 Azure에 대한 엔드 투 엔드 솔루션을 이해합니다.

CICD(연속 통합 및 테스트) 도구

빌드 및 배포를 위한 다음 통합 도구는 파이프라인 생산성을 향상합니다.

컨테이너

Microsoft 또는 Azure 특정 Docker 이미지를 찾고 있는 경우 MRC(Container Registry)를 사용하여 이미지 대한 쿼리를.

컨테이너용 도구

개발 컨테이너 관리 도구

Azure CLI

Azure CLI는 명령줄에서 Azure 리소스를 관리하는 데 최적화되어 있습니다.

Azure CLI는 다음과 같은 사용 시나리오를 제공합니다.

Azure Portal을 사용하는 경우 Azure CLI는 위쪽 탐색 모음의 포털에서 사용할 수 있습니다.

Azure Portal을 사용하는 경우 Azure CLI는 위쪽 탐색 모음의 포털에서 사용할 수 있습니다.

샘플 애플리케이션, 코드 및 코드 조각

Azure 샘플 GitHub 조직에는 Azure에서 제공하는 제품 및 서비스에 대한 많은 샘플이 포함되어 있습니다. Azure 샘플 브라우저 사용하여 요구 사항에 맞는 샘플을 찾습니다.

다른 샘플은 다음과 같습니다.

  • JS용 Azure SDK 샘플
  • JS용 Microsoft 인증 라이브러리(MSAL.js) 샘플
  • JavaScript 엔드 투 엔드 샘플

극작가

Playwright 단일 API를 사용하여 Chromium, Firefox 및 WebKit을 자동화하는 Node.js 라이브러리입니다. Playwright는 항상 최신 상태를 유지하며 기능이 풍부하고, 신뢰할 수 있으며, 빠른 브라우저 간 웹 자동화를 지원하도록 설계되었습니다.

골풀

Rush 웹용 확장 가능한 모노레포 관리자입니다.

Windows 터미널

Windows 터미널 사용하면 Azure CLI 및 Ubuntu를 포함하여 동일한 Windows 애플리케이션에서 여러 다른 터미널 유형에 액세스할 수 있습니다. GitHub Actions 또는 다른 파이프라인에서 해당 스크립트를 사용하기 전에 이 도구를 사용하여 CICD bash 스크립트를 개발하고 테스트합니다.

Linux용 Windows 하위 시스템

linux용 windows 하위 시스템 개발자는 기존 가상 머신 또는 이중 부팅 설정의 오버헤드 없이 대부분의 명령줄 도구, 유틸리티 및 애플리케이션을 포함하여 Windows에서 직접 수정되지 않은 GNU/Linux 환경을 실행할 수 있습니다.

Azure JavaScript 개발자 팁 및 요령

다음 목록에는 Azure 개발자가 생산성을 높이기 위해 알아야 하는 팁과 요령이 포함되어 있습니다.

  • Azure 리소스에 대한 명명 스키마 개발합니다.
  • Azure 리소스를 명명 스키마를 사용하는 리소스 그룹으로 그룹화합니다.
  • 각 Azure 리소스에 대해 리소스의 목적, 프로젝트 및 기타 중요한 정보를 전달하는 태그를 추가합니다. 이러한 태그는 Azure Portal, 해당 리소스의 경우 개요 페이지에 표시됩니다. 태그를 리소스를 문서화하는 방법으로 간주합니다.
  • 대부분의 리소스에는 구독당 하나 이상의 무료 버전 있습니다. 사용 방법을 학습하는 동안 이 유형의 리소스를 사용합니다.
  • "기본적으로 보안" 솔루션의 경우 연결 문자열이나 암호 없이 리소스를 만드는방법을 알아봅니다. 이 보안을 사용하면 연결 문자열을 관리하거나 키를 회전하지 않고도 모든 환경에서 동일한 코드를 사용할 수 있습니다.
  • Azure에 대한 최신 npm 패키지는 @azure 범위로 시작합니다.
  • 대부분의 Azure npm 패키지는 DefaultAzureCredential사용할 수 있습니다. 설정이 복잡해 보이지만, 로컬 및에 대한 관리와 Azure 플랫폼에 대한 원격 인증을 더 이상 관리할 필요가 없어서 보안 강화와 시간 절약에 크게 기여합니다.
  • 모든 Azure JavaScript SDK에는 TypeScript 형식이 포함됩니다. 이 기능을 사용하면 솔루션에 강력한 형식을 쉽게 채택할 수 있으며 SDK와 동기화되지 않는다는 것을 알 수 있습니다.

다음 단계