JavaScript 또는 TypeScript를 사용하여 컨테이너 또는 Blob에 대한 URL 가져오기

클라이언트 개체의 url 속성을 사용하여 컨테이너 또는 Blob URL을 가져올 수 있습니다.

• ContainerClient.url
• BlobClient.url
• BlockBlobClient.url

참고 항목

이 문서의 예제에서는 Azure Blob Storage 및 JavaScript 또는 TypeScript 시작 문서의 지침을 사용하여 BlobServiceClient 개체를 만들었다고 가정합니다.

컨테이너 또는 Blob에 대한 URL 가져오기

다음 예제에서는 클라이언트의 url 속성에 액세스하여 컨테이너 URL 및 Blob URL을 가져옵니다.

JavaScript

// create container
const containerName = `con1-${Date.now()}`;
const { containerClient } = await blobServiceClient.createContainer(containerName, {access: 'container'});

// Display container name and its URL
console.log(`created container:\n\tname=${containerClient.containerName}\n\turl=${containerClient.url}`);

// create blob from string
const blobName = `${containerName}-from-string.txt`;
const blobContent = `Hello from a string`;
const blockBlobClient = await containerClient.getBlockBlobClient(blobName);
await blockBlobClient.upload(blobContent, blobContent.length);

// Display Blob name and its URL 
console.log(`created blob:\n\tname=${blobName}\n\turl=${blockBlobClient.url}`);

// In loops, blob is BlobItem
// Use BlobItem.name to get BlobClient or BlockBlobClient
// The get `url` property
for await (const blob of containerClient.listBlobsFlat()) {
    
    // blob 
    console.log("\t", blob.name);

    // Get Blob Client from name, to get the URL
    const tempBlockBlobClient = containerClient.getBlockBlobClient(blob.name);

    // Display blob name and URL
    console.log(`\t${blob.name}:\n\t\t${tempBlockBlobClient.url}`);
}

TypeScript

async function getUrls(blobServiceClient: BlobServiceClient): Promise<void> {
  
  // create container
  const containerName = `con1-${Date.now()}`;
  const {
    containerClient,
    containerCreateResponse
  }: {
    containerClient: ContainerClient;
    containerCreateResponse: ContainerCreateResponse;
  } = await blobServiceClient.createContainer(containerName, {
    access: 'container'
  });

  if (containerCreateResponse.errorCode)
    throw Error(containerCreateResponse.errorCode);

  // Display container name and its URL
  console.log(
    `created container:\n\tname=${containerClient.containerName}\n\turl=${containerClient.url}`
  );

  // create blob from string
  const blobName = `${containerName}-from-string.txt`;
  const blobContent = `Hello from a string`;
  const blockBlobClient = await containerClient.getBlockBlobClient(blobName);
  const blockBlobUploadResponse: BlockBlobUploadResponse =
    await blockBlobClient.upload(blobContent, blobContent.length);

  if (blockBlobUploadResponse.errorCode)
    throw Error(blockBlobUploadResponse.errorCode);

  // Display Blob name and its URL
  console.log(
    `created blob:\n\tname=${blobName}\n\turl=${blockBlobClient.url}`
  );

  // In loops, blob is BlobItem
  // Use BlobItem.name to get BlobClient or BlockBlobClient
  // The get `url` property
  for await (const blob of containerClient.listBlobsFlat({
    includeMetadata: true,
    includeSnapshots: false,
    includeTags: true,
    includeVersions: false,
    prefix: ''
  })) {
    // blob
    console.log('\t', blob.name);

    // Get Blob Client from name, to get the URL
    const tempBlockBlobClient: BlockBlobClient =
      containerClient.getBlockBlobClient(blob.name);

    // Display blob name and URL
    console.log(`\t${blob.name}:\n\t\t${tempBlockBlobClient.url}`);
  }
}

팁

루프에서 개체를 반복하는 경우 개체의 name 속성을 사용하여 클라이언트를 만든 다음 클라이언트와 URL을 가져옵니다. 반복기는 클라이언트 개체를 반환하지 않고 항목 개체를 반환합니다.

코드 샘플

• 이 문서에서 JavaScript 및 TypeScript 코드 샘플 보기(GitHub)

참고 항목

• Azure Blob Storage 및 JavaScript 시작
• Blob 가져오기(REST API)