Uzyskiwanie adresu URL kontenera lub obiektu blob za pomocą języka JavaScript lub TypeScript

Adres URL kontenera lub obiektu blob można uzyskać przy użyciu url właściwości obiektu klienta:

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

Uwaga

W przykładach w tym artykule przyjęto założenie, że utworzono obiekt BlobServiceClient , korzystając ze wskazówek zawartych w artykule Rozpoczynanie pracy z usługą Azure Blob Storage i językiem JavaScript lub TypeScript .

Uzyskaj adres URL dla kontenera lub obiektu blob

Poniższy przykład uzyskuje adres URL kontenera i adres URL bloba, uzyskując dostęp do właściwości URL klienta.

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

Napiwek

Podczas iterowania obiektów w pętli użyj właściwości obiektu name , aby utworzyć klienta, a następnie pobierz adres URL z klientem. Iteratory nie zwracają obiektów klienta, zwracają obiekty elementów.

Przykłady kodu

• Wyświetl przykłady kodu JavaScript i TypeScript z tego artykułu (GitHub)

Zobacz też

• Rozpoczynanie pracy z usługami Azure Blob Storage i JavaScript
• Uzyskiwanie obiektu blob (interfejs API REST)