Obter uma URL para um contêiner ou blob com JavaScript ou TypeScript

Você pode obter uma URL de contêiner ou blob usando a url propriedade do objeto cliente:

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

Nota

Os exemplos neste artigo pressupõem que você criou um objeto BlobServiceClient usando as orientações no artigo Introdução ao Armazenamento de Blobs do Azure e JavaScript ou TypeScript .

Obter uma URL para um contêiner ou blob

O exemplo a seguir obtém uma URL de contentor e uma URL de blob ao aceder à propriedade url do cliente:

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}`);
  }
}

Gorjeta

Ao iterar sobre objetos num ciclo, utilize a propriedade do objeto name para criar um cliente e depois obtenha a URL com o cliente. Os iteradores não retornam objetos de cliente, eles retornam objetos de item.

Amostras de código

• Veja exemplos de código JavaScript e TypeScript deste artigo (GitHub)

Consulte também

• Introdução ao Armazenamento de Blobs do Azure e JavaScript
• Obter Blob (API REST)