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 확장 확장 컬렉션입니다. 웹 사이트 호스팅, SQL 및 MongoDB 데이터, Docker 컨테이너, 서버리스 함수 등을 Azure에서 모두 VS Code에서 Microsoft의 이 확장에서 가져옵니다.
Azure 리소스 그룹 Visual Studio Code 확장

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

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

Azure CLI

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

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

Azure CLI 앱 서비스

Azure CLI 앱		 App Service를 사용하면 App Service 계획을 관리할 수 있습니다. 웹앱을 사용하면 계획에서 실행되는 웹앱을 관리할 수 있습니다. 사이트 및 Azure Portal을 찾아보고, 새 사이트를 만들고, 슬롯에 배포합니다.

빠른 시작: Azure에서 Node.js 웹앱 만들기

빠른 시작: Azure에서 사용자 지정 컨테이너 실행
Azure Cosmos DB Visual Studio Code 확장

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

빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Cosmos DB에 커넥트
스토리지 Visual Studio Code 확장

Azure CLI

스토리지 에뮬레이터 - Azurite		 Blob 컨테이너, 파일 공유, 테이블 및 큐를 포함하는 Azure Storage

빠른 시작: Visual Studio Code를 사용하여 Azure Functions를 Azure Storage에 커넥트

기타 리소스:

TypeScript

TypeScript 는 JavaScript의 모든 기능과 TypeScript의 형식 시스템 위에 있는 다른 계층을 제공합니다. TypeScript의 기본 이점은 코드에서 예기치 않은 동작을 강조 표시하여 버그 가능성을 낮출 수 있다는 것입니다.

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

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

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

Windows 터미널

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

Linux용 Windows 하위 시스템

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

CICD 도구

빌드 및 배포를 위한 다음 통합 도구는 생산성을 크게 향상합니다.

Docker 컨테이너

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

로컬 개발

일반적으로 개발 환경에서 로컬로 Docker 컨테이너를 사용하는 경우 원격 - 컨테이너 확장을 사용하는 것이 좋습니다 . 이 확장을 사용하면 Visual Studio Code에서 현재 열린 폴더에 대한 관련 컨테이너를 찾을 수 있습니다. 선택할 수 있는 몇 가지 Node.js 컨테이너가 있거나 직접 가져올 수 있습니다. 컨테이너에서 프로젝트를 열면 중단점을 설정하고 로컬 환경에 있는 것처럼 디버그할 수 있습니다.

Azure CLI

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

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

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

If you use the Azure portal, the Azure CLI is available in the portal from the top navigation bar.

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

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

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

Playwright

Playwright 는 단일 API를 사용하여 Chromium, Firefox 및 WebKit을 자동화하는 Node.js 라이브러리입니다. Playwright는 환경 친화적이고, 기능적이며, 안정적이며, 빠른 브라우저 간 웹 자동화를 가능하게 하기 위해 설계되었습니다.

Rush

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

Azure JavaScript 개발자 팁과 요령

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

  • Azure 리소스에 대한 명명 스키마 를 개발합니다.
  • Azure 리소스를 명명 스키마를 사용하는 리소스 그룹으로 그룹화합니다.
  • 각 Azure 리소스에 대해 리소스의 목적, 프로젝트 및 기타 중요한 정보를 전달하는 태그를 추가합니다. 이러한 태그는 Azure Portal의 해당 리소스에 대한 개요 페이지에 표시됩니다. 태그를 리소스를 문서화하는 방법으로 간주합니다.
  • 대부분의 리소스에는 구독당 하나 이상의 무료 버전 이 있습니다. 이 유형의 리소스를 사용합니다.
  • 일부 리소스는 두 개의 키, 연결 문자열 또는 기타 보안 디바이스를 제공합니다. 두 명의 다른 개발자가 키 또는 연결 문자열을 공유하지 않고도 프로젝트에서 작업할 수 있도록 두 개의 키가 제공됩니다. 개발자가 프로젝트를 떠날 때 이러한 키를 회전합니다.
  • Azure용 최신 npm 패키지는 @azure 범위로 시작됩니다.
  • 대부분의 Azure npm 패키지는 DefaultAzureCredential을 사용할 수 있습니다. 설정이 복잡해 보이지만 Azure 플랫폼에 대한 로컬 및 원격 인증을 더 이상 관리할 필요가 없다는 이점은 보안 및 시간 절약에 유용합니다.

다음 단계