빠른 시작: Node.js에서 JavaScript v12 SDK를 사용하여 Blob 관리Quickstart: Manage blobs with JavaScript v12 SDK in Node.js

이 빠른 시작에서는 Node.js를 사용하여 Blob을 관리하는 방법을 알아봅니다.In this quickstart, you learn to manage blobs by using Node.js. Blob은 이미지, 문서, 스트리밍 미디어 및 보관 데이터를 포함하여 대량의 텍스트 또는 이진 데이터를 저장할 수 있는 개체입니다.Blobs are objects that can hold large amounts of text or binary data, including images, documents, streaming media, and archive data. Blob을 업로드, 다운로드 및 나열하고 컨테이너를 만들고 삭제합니다.You'll upload, download, and list blobs, and you'll create and delete containers.

API 참조 설명서 | 라이브러리 소스 코드 | 패키지(Node Package Manager) | 샘플API reference documentation | Library source code | Package (Node Package Manager) | Samples

사전 요구 사항Prerequisites

참고

이전 SDK 버전을 시작하려면 빠른 시작: Node.js에서 JavaScript v10 SDK를 사용하여 Blob 관리를 참조하세요.To get started with the previous SDK version, see Quickstart: Manage blobs with JavaScript v10 SDK in Node.js.

참고

이 문서에 설명된 기능은 이제 계층 네임스페이스가 있는 계정에서 사용할 수 있습니다.The features described in this article are now available to accounts that have a hierarchical namespace. 제한 사항을 검토하려면 Azure Data Lake Storage Gen2에서 알려진 문제 문서를 참조하세요.To review limitations, see the Known issues with Azure Data Lake Storage Gen2 article.

설치Setting up

이 섹션에서는 JavaScript용 Azure Blob 스토리지 클라이언트 라이브러리 v12를 사용하는 프로젝트를 준비합니다.This section walks you through preparing a project to work with the Azure Blob storage client library v12 for JavaScript.

프로젝트 만들기Create the project

blob-quickstart-v12라는 JavaScript 애플리케이션을 만듭니다.Create a JavaScript application named blob-quickstart-v12.

  1. 콘솔 창(예: cmd, PowerShell 또는 Bash)에서 프로젝트에 대한 새 디렉터리를 만듭니다.In a console window (such as cmd, PowerShell, or Bash), create a new directory for the project.

    mkdir blob-quickstart-v12
    
  2. 새로 만든 blob-quickstart-v12 디렉터리로 전환합니다.Switch to the newly created blob-quickstart-v12 directory.

    cd blob-quickstart-v12
    
  3. package.json라는 새 텍스트 파일을 만듭니다.Create a new text file called package.json. 이 파일은 Node.js 프로젝트를 정의합니다.This file defines the Node.js project. blob-quickstart-v12 디렉터리에 이 파일을 저장합니다.Save this file in the blob-quickstart-v12 directory. 파일 콘텐츠는 다음과 같습니다.Here is the contents of the file:

    {
        "name": "blob-quickstart-v12",
        "version": "1.0.0",
        "description": "Use the @azure/storage-blob SDK version 12 to interact with Azure Blob storage",
        "main": "blob-quickstart-v12.js",
        "scripts": {
            "start": "node blob-quickstart-v12.js"
        },
        "author": "Your Name",
        "license": "MIT",
        "dependencies": {
            "@azure/storage-blob": "^12.0.0",
            "@types/dotenv": "^4.0.3",
            "dotenv": "^6.0.0"
        }
    }
    

    원할 경우 author 필드에 사용자 고유의 이름을 입력할 수 있습니다.You can put your own name in for the author field, if you'd like.

패키지 설치Install the package

blob-quickstart-v12 디렉터리에 있는 상태에서 npm install 명령을 사용하여 JavaScript용 Azure Blob 스토리지 클라이언트 라이브러리 패키지를 설치합니다.While still in the blob-quickstart-v12 directory, install the Azure Blob storage client library for JavaScript package by using the npm install command. 이 명령은 package.json 파일을 읽고 JavaScript용 Azure Blob 스토리지 클라이언트 라이브러리 v12 패키지와 이 패키지가 종속되는 모든 라이브러리를 설치합니다.This command reads the package.json file and installs the Azure Blob storage client library v12 for JavaScript package and all the libraries on which it depends.

npm install

앱 프레임워크 설정Set up the app framework

프로젝트 디렉터리에서 다음을 수행합니다.From the project directory:

  1. 코드 편집기에서 다른 새 텍스트 파일 열기Open another new text file in your code editor

  2. Azure 및 Node.js 모듈을 로드하는 require 호출 추가Add require calls to load Azure and Node.js modules

  3. 기본적인 예외 처리를 포함하여 프로그램의 구조 만들기Create the structure for the program, including basic exception handling

    코드는 다음과 같습니다.Here's the code:

    const { BlobServiceClient } = require('@azure/storage-blob');
    const uuidv1 = require('uuid/v1');
    
    async function main() {
        console.log('Azure Blob storage v12 - JavaScript quickstart sample');
        // Quick start code goes here
    }
    
    main().then(() => console.log('Done')).catch((ex) => console.log(ex.message));
    
  4. 새 파일을 blob-quickstart-v12 디렉터리에 blob-quickstart-v12.js로 저장합니다.Save the new file as blob-quickstart-v12.js in the blob-quickstart-v12 directory.

Azure Portal에서 자격 증명 복사Copy your credentials from the Azure portal

샘플 애플리케이션이 Azure Storage에 대한 요청을 수행하는 경우 권한이 있어야 합니다.When the sample application makes a request to Azure Storage, it must be authorized. 요청에 권한을 부여하려면 스토리지 계정 자격 증명을 연결 문자열로 애플리케이션에 추가합니다.To authorize a request, add your storage account credentials to the application as a connection string. 다음 단계를 수행하여 스토리지 계정 자격 증명을 봅니다.View your storage account credentials by following these steps:

  1. Azure Portal에 로그인합니다.Sign in to the Azure portal.

  2. 스토리지 계정을 찾습니다.Locate your storage account.

  3. 스토리지 계정 개요의 설정 섹션에서 액세스 키를 선택합니다.In the Settings section of the storage account overview, select Access keys. 여기에서 계정 액세스 키 및 각 키의 전체 연결 문자열을 볼 수 있습니다.Here, you can view your account access keys and the complete connection string for each key.

  4. key1 아래에서 연결 문자열 값을 찾고, 복사 단추를 선택하여 연결 문자열을 복사합니다.Find the Connection string value under key1, and select the Copy button to copy the connection string. 다음 단계에서 연결 문자열 값을 환경 변수에 추가합니다.You will add the connection string value to an environment variable in the next step.

    Azure Portal에서 연결 문자열을 복사하는 방법을 보여주는 스크린샷

스토리지 연결 문자열 구성Configure your storage connection string

연결 문자열을 복사한 후 애플리케이션을 실행 중인 로컬 컴퓨터의 새 환경 변수에 씁니다.After you have copied your connection string, write it to a new environment variable on the local machine running the application. 환경 변수를 설정하려면 콘솔 창을 열고 사용 중인 운영 체제의 지침을 따릅니다.To set the environment variable, open a console window, and follow the instructions for your operating system. <yourconnectionstring>을 실제 연결 문자열로 바꿉니다.Replace <yourconnectionstring> with your actual connection string.

WindowsWindows

setx AZURE_STORAGE_CONNECTION_STRING "<yourconnectionstring>"

Windows에서 환경 변수가 추가되면 명령 창의 새 인스턴스를 시작해야 합니다.After you add the environment variable in Windows, you must start a new instance of the command window.

LinuxLinux

export AZURE_STORAGE_CONNECTION_STRING="<yourconnectionstring>"

macOSmacOS

export AZURE_STORAGE_CONNECTION_STRING="<yourconnectionstring>"

프로그램 다시 시작Restart programs

환경 변수가 추가되면 이 환경 변수를 읽어야 하는 실행 중인 프로그램을 다시 시작합니다.After you add the environment variable, restart any running programs that will need to read the environment variable. 예를 들어 개발 환경 또는 편집기를 다시 시작한 후에 계속합니다.For example, restart your development environment or editor before continuing.

개체 모델Object model

Azure Blob Storage는 대량의 비정형 데이터를 저장하도록 최적화되어 있습니다.Azure Blob storage is optimized for storing massive amounts of unstructured data. 비정형 데이터는 텍스트 또는 이진 데이터와 같은 특정 데이터 모델 또는 정의를 따르지 않는 데이터입니다.Unstructured data is data that does not adhere to a particular data model or definition, such as text or binary data. Blob Storage는 다음 세 가지 유형의 리소스를 제공합니다.Blob storage offers three types of resources:

  • 스토리지 계정The storage account
  • 스토리지 계정의 컨테이너A container in the storage account
  • 컨테이너의 blobA blob in the container

다음 다이어그램에서는 이러한 리소스 간의 관계를 보여줍니다.The following diagram shows the relationship between these resources.

Blob Storage 아키텍처 다이어그램

다음 JavaScript 클래스를 사용하여 이러한 리소스와 상호 작용합니다.Use the following JavaScript classes to interact with these resources:

  • BlobServiceClient: BlobServiceClient 클래스를 사용하여 Azure Storage 리소스 및 blob 컨테이너를 조작할 수 있습니다.BlobServiceClient: The BlobServiceClient class allows you to manipulate Azure Storage resources and blob containers.
  • ContainerClient: ContainerClient 클래스를 사용하여 Azure Storage 컨테이너 및 해당 blob을 조작할 수 있습니다.ContainerClient: The ContainerClient class allows you to manipulate Azure Storage containers and their blobs.
  • BlobClient: BlobClient 클래스를 사용하여 Azure Storage blob을 조작할 수 있습니다.BlobClient: The BlobClient class allows you to manipulate Azure Storage blobs.

코드 예제Code examples

이 예제 코드 조각은 JavaScript용 Azure Blob 스토리지 클라이언트 라이브러리를 사용하여 다음을 수행하는 방법을 보여 줍니다.These example code snippets show you how to perform the following with the Azure Blob storage client library for JavaScript:

연결 문자열 가져오기Get the connection string

아래 코드에서는 스토리지 연결 문자열 구성 섹션에서 만든 환경 변수에서 스토리지 계정에 대한 연결 문자열을 검색합니다.The code below retrieves the connection string for the storage account from the environment variable created in the Configure your storage connection string section.

다음 코드를 main 함수 내에 추가합니다.Add this code inside the main function:

// Retrieve the connection string for use with the application. The storage
// connection string is stored in an environment variable on the machine
// running the application called AZURE_STORAGE_CONNECTION_STRING. If the
// environment variable is created after the application is launched in a
// console or with Visual Studio, the shell or application needs to be closed
// and reloaded to take the environment variable into account.
const AZURE_STORAGE_CONNECTION_STRING = process.env.AZURE_STORAGE_CONNECTION_STRING;

컨테이너 만들기Create a container

새 컨테이너의 이름을 결정합니다.Decide on a name for the new container. 아래 코드는 컨테이너 이름이 고유해지도록 이름에 UUID 값을 추가합니다.The code below appends a UUID value to the container name to ensure that it is unique.

중요

컨테이너 이름은 소문자여야 합니다.Container names must be lowercase. 컨테이너 및 Blob 이름 지정에 대한 자세한 내용은 컨테이너, Blob, 메타데이터 이름 지정 및 참조를 참조하세요.For more information about naming containers and blobs, see Naming and Referencing Containers, Blobs, and Metadata.

fromConnectionString 메서드를 호출하여 BlobServiceClient 클래스의 인스턴스를 만듭니다.Create an instance of the BlobServiceClient class by calling the fromConnectionString method. 그런 다음, getContainerClient 메서드를 호출하여 컨테이너에 대한 참조를 가져옵니다.Then, call the getContainerClient method to get a reference to a container. 마지막으로 create를 호출하여 스토리지 계정에 컨테이너를 실제로 만듭니다.Finally, call create to actually create the container in your storage account.

이 코드를 main 함수의 끝에 추가합니다.Add this code to the end of the main function:

// Create the BlobServiceClient object which will be used to create a container client
const blobServiceClient = await BlobServiceClient.fromConnectionString(AZURE_STORAGE_CONNECTION_STRING);

// Create a unique name for the container
const containerName = 'quickstart' + uuidv1();

console.log('\nCreating container...');
console.log('\t', containerName);

// Get a reference to a container
const containerClient = await blobServiceClient.getContainerClient(containerName);

// Create the container
const createContainerResponse = await containerClient.create();
console.log("Container was created successfully. requestId: ", createContainerResponse.requestId);

컨테이너에 Blob 업로드Upload blobs to a container

다음 코드 조각을 실행합니다.The following code snippet:

  1. Blob에 업로드할 텍스트 문자열을 만듭니다.Creates a text string to upload to a blob.
  2. 컨테이너 만들기 섹션에서 ContainerClient에 대해 getBlockBlobClient 메서드를 호출하여 BlockBlobClient 개체에 대한 참조를 가져옵니다.Gets a reference to a BlockBlobClient object by calling the getBlockBlobClient method on the ContainerClient from the Create a container section.
  3. upload 메서드를 호출하여 텍스트 문자열 데이터를 blob에 업로드합니다.Uploads the text string data to the blob by calling the upload method.

이 코드를 main 함수의 끝에 추가합니다.Add this code to the end of the main function:

// Create a unique name for the blob
const blobName = 'quickstart' + uuidv1() + '.txt';

// Get a block blob client
const blockBlobClient = containerClient.getBlockBlobClient(blobName);

console.log('\nUploading to Azure storage as blob:\n\t', blobName);

// Upload data to the blob
const data = 'Hello, World!';
const uploadBlobResponse = await blockBlobClient.upload(data, data.length);
console.log("Blob was uploaded successfully. requestId: ", uploadBlobResponse.requestId);

컨테이너의 Blob 나열List the blobs in a container

listBlobsFlat 메서드를 호출하여 컨테이너의 blob을 나열합니다.List the blobs in the container by calling the listBlobsFlat method. 이 경우 하나의 Blob만 컨테이너에 추가되었으므로 나열된 작업은 하나의 해당 Blob만 반환합니다.In this case, only one blob has been added to the container, so the listing operation returns just that one blob.

이 코드를 main 함수의 끝에 추가합니다.Add this code to the end of the main function:

console.log('\nListing blobs...');

// List the blob(s) in the container.
for await (const blob of containerClient.listBlobsFlat()) {
    console.log('\t', blob.name);
}

Blob 다운로드Download blobs

download 메서드를 호출하여 이전에 만든 blob을 다운로드합니다.Download the previously created blob by calling the download method. 예제 코드에는 Node.js 판독 가능 스트림을 문자열로 읽는 데 사용되는 streamToString라는 도우미 함수가 포함되어 있습니다.The example code includes a helper function called streamToString, which is used to read a Node.js readable stream into a string.

이 코드를 main 함수의 끝에 추가합니다.Add this code to the end of the main function:

// Get blob content from position 0 to the end
// In Node.js, get downloaded data by accessing downloadBlockBlobResponse.readableStreamBody
// In browsers, get downloaded data by accessing downloadBlockBlobResponse.blobBody
const downloadBlockBlobResponse = await blockBlobClient.download(0);
console.log('\nDownloaded blob content...');
console.log('\t', await streamToString(downloadBlockBlobResponse.readableStreamBody));

main 함수 뒤에 이 도우미 함수를 추가합니다.Add this helper function after the main function:

// A helper function used to read a Node.js readable stream into a string
async function streamToString(readableStream) {
  return new Promise((resolve, reject) => {
    const chunks = [];
    readableStream.on("data", (data) => {
      chunks.push(data.toString());
    });
    readableStream.on("end", () => {
      resolve(chunks.join(""));
    });
    readableStream.on("error", reject);
  });
}

컨테이너 삭제Delete a container

다음 코드는 delete 메서드로 전체 컨테이너를 제거하여 앱이 만든 리소스를 정리합니다.The following code cleans up the resources the app created by removing the entire container using the delete method. 원하는 경우 로컬 파일을 삭제할 수도 있습니다.You can also delete the local files, if you like.

이 코드를 main 함수의 끝에 추가합니다.Add this code to the end of the main function:

console.log('\nDeleting container...');

// Delete container
const deleteContainerResponse = await containerClient.delete();
console.log("Container was deleted successfully. requestId: ", deleteContainerResponse.requestId);

코드 실행Run the code

이 앱은 텍스트 문자열을 만들고 Blob 스토리지에 업로드합니다.This app creates a text string and uploads it to Blob storage. 그런 다음, 컨테이너의 blob을 나열하고, blob을 다운로드하고, 다운로드한 데이터를 표시합니다.The example then lists the blob(s) in the container, downloads the blob, and displays the downloaded data.

콘솔 프롬프트에서 blob-quickstart-v12.py 파일이 포함된 디렉터리로 이동한 후 다음 node 명령을 실행하여 앱을 실행합니다.From a console prompt, navigate to the directory containing the blob-quickstart-v12.py file, then execute the following node command to run the app.

node blob-quickstart-v12.js

앱의 출력은 다음 예제 출력과 유사합니다.The output of the app is similar to the following example:

Azure Blob storage v12 - JavaScript quickstart sample

Creating container...
         quickstart4a0780c0-fb72-11e9-b7b9-b387d3c488da

Uploading to Azure Storage as blob:
         quickstart4a3128d0-fb72-11e9-b7b9-b387d3c488da.txt

Listing blobs...
         quickstart4a3128d0-fb72-11e9-b7b9-b387d3c488da.txt

Downloaded blob content...
         Hello, World!

Deleting container...
Done

디버거에서 코드를 단계별로 실행하고 프로세스 전체에서 Azure Portal을 확인합니다.Step through the code in your debugger and check your Azure portal throughout the process. 컨테이너가 생성되고 있는지 확인합니다.Check to see that the container is being created. 컨테이너 내에서 blob을 열고 콘텐츠를 볼 수 있습니다.You can open the blob inside the container and view the contents.

다음 단계Next steps

이 빠른 시작에서는 JavaScript를 사용하여 Blob을 업로드, 다운로드 및 나열하는 방법을 배웠습니다.In this quickstart, you learned how to upload, download, and list blobs using JavaScript.

자습서, 샘플, 빠른 시작 및 기타 설명서는 다음을 참조하세요.For tutorials, samples, quickstarts, and other documentation, visit: