Затим научите како да користите ЈаваСцрипт за креирање привремене УРЛ адресе за преузимање за Азуре Блоб Стораге.јс

Генерисање привремених УРЛ адреса за преузимања Блоб-а у Азуре-у помоћу Нект.јс

Фронт-енд ЈаваСцрипт решење које користи Азуре СДК и УРЛ-ове Блоб објеката

// Import the Azure SDK and setup the blockBlobClient  
import { BlobServiceClient } from "@azure/storage-blob";  
const blobServiceClient = BlobServiceClient.fromConnectionString(process.env.AZURE_STORAGE_CONNECTION_STRING);  
const containerClient = blobServiceClient.getContainerClient("my-container");  
const blockBlobClient = containerClient.getBlockBlobClient("example-image.png");  

// Function to generate temporary downloadable URL from blob  
async function generateBlobDownloadURL() {  
  try {  
    const response = await blockBlobClient.download();  
    const blobData = await response.blobBody; // Retrieve the blob body  
    const tempUrl = URL.createObjectURL(blobData); // Create an object URL  
    console.log("Temporary URL:", tempUrl); // Log for testing  
    return tempUrl;  
  } catch (error) {  
    console.error("Error generating download URL:", error);  
    return null;  
  }  
}  

// Usage in React component within Next.js  
export default function BlobDownloader() {  
  const handleDownload = async () => {  
    const url = await generateBlobDownloadURL();  
    if (url) window.open(url, "_blank"); // Open URL in new tab  
  };  

  return (  
    <button onClick={handleDownload}>Download Image</button>  
  );  
}  

Руковање преузимањем Блоб података уз управљање грешкама

Бацк-енд Ноде.јс приступ који користи Стреамс за ефикасно коришћење меморије

// Import necessary Azure SDK modules  
const { BlobServiceClient } = require("@azure/storage-blob");  
const express = require("express");  
const app = express();  
const PORT = process.env.PORT || 3000;  

// Initialize Azure Blob Service Client  
const blobServiceClient = BlobServiceClient.fromConnectionString(process.env.AZURE_STORAGE_CONNECTION_STRING);  

app.get("/download", async (req, res) => {  
  try {  
    const containerClient = blobServiceClient.getContainerClient("my-container");  
    const blockBlobClient = containerClient.getBlockBlobClient("example-image.png");  

    // Stream the blob content to the response  
    const downloadBlockBlobResponse = await blockBlobClient.download();  
    downloadBlockBlobResponse.readableStreamBody.pipe(res);  
  } catch (error) {  
    console.error("Error downloading blob:", error);  
    res.status(500).send("Failed to download blob");  
  }  
});  

// Start Express server  
app.listen(PORT, () => {  
  console.log(`Server is running on port ${PORT}`);  
});  

Јединични тестови за функционалност преузимања Блоб-а

Јединично тестирање користећи Јест да би се осигурало исправно понашање преузимања

// Test for front-end blob download function using Jest  
import { generateBlobDownloadURL } from "../components/BlobDownloader";  

describe("generateBlobDownloadURL", () => {  
  test("should return a valid object URL", async () => {  
    const url = await generateBlobDownloadURL();  
    expect(url).toMatch(/^blob:/);  
  });  

  test("should handle errors gracefully", async () => {  
    jest.spyOn(console, "error").mockImplementation(() => {});  
    const url = await generateBlobDownloadURL();  
    expect(url).toBeNull();  
  });  
});  

// Test for back-end stream handling using Jest and Supertest  
const request = require("supertest");  
const app = require("../server"); // Assuming the server script is named server.js  

describe("GET /download", () => {  
  it("should return 200 and stream the blob content", async () => {  
    const response = await request(app).get("/download");  
    expect(response.status).toBe(200);  
  });  

  it("should return 500 on error", async () => {  
    jest.spyOn(console, "error").mockImplementation(() => {});  
    const response = await request(app).get("/download");  
    expect(response.status).toBe(500);  
  });  
});  

Уобичајена питања и решења за проблеме са УРЛ-овима Блоб-а у Нект.јс

1. Зашто мој блоб УРЛ не приказује тачну слику?
2. Уверите се да користите URL.createObjectURL() на исправном блоб објекту и да је тип садржаја блоб-а исправно постављен у Азуре Блоб складишту.
3. Како могу да опозовем блоб УРЛ да спречим цурење меморије?
4. Користите URL.revokeObjectURL() након што завршите са блоб-ом да бисте ослободили меморију и избегли застареле референце.
5. Да ли је могуће обезбедити блоб УРЛ-ове са истеком?
6. Да, користећи Азуре Shared Access Signatures (SAS), можете креирати УРЛ адресе које истичу након одређеног времена, пружајући безбедну контролу приступа.
7. Шта да радим ако блоб УРЛ-ови не раде у мобилним прегледачима?
8. Примените резервне кораке као што је преусмеравање коришћењем window.location.href или подстицање корисника да ручно сачувају датотеку ако блоб УРЛ-ови нису подржани.
9. Како да ефикасно управљам преузимањима великих датотека у Ноде.јс?
10. Користите readableStreamBody.pipe() да стримујете садржај директно до одговора, што спречава преоптерећење меморије и обезбеђује несметан пренос датотека.
11. Могу ли да преузмем датотеке из Азуре Блоб складишта без коришћења привремених УРЛ адреса?
12. Да, можете подесити позадинску руту помоћу Екпресс-а и стримовати садржај блоб-а директно до клијента помоћу blockBlobClient.download().
13. Зашто моје преузимање блоб-а враћа оштећене податке?
14. Проверите да ли су кодирање и тип садржаја блоб-а исправно конфигурисани у Азуре-у. Такође, уверите се да је тело одговора правилно рашчлањено коришћењем response.blobBody.
15. Који је најбољи начин за тестирање преузимања блоб-ова?
16. Користите Јест и Супертест да симулирате захтеве за преузимање и потврдите да ваша логика преузимања ради исправно у различитим условима.
17. Да ли се УРЛ-ови блоб-а могу поново користити више пута?
18. Да, али имајте на уму да сесије прегледача могу кеширати ове УРЛ адресе. Користите URL.revokeObjectURL() да ослободите памћење и избегнете проблеме.
19. Како да отворим блоб УРЛ на новој картици?
20. Користите window.open() са УРЛ-ом блоб-а да бисте га отворили у новој картици. Уверите се да подешавања прегледача дозвољавају искачуће прозоре ако ово не функционише.
21. Како да прикажем блоб садржај у линији уместо да га преузмем?
22. Поставите одговарајуће content-disposition заглавље у Азуре Блоб складишту да бисте приказали датотеку у линији уместо присилног преузимања.

Кључни закључци за управљање преузимањима блоб-ова:

Ефикасно руковање преузимањима блоб-ова у а Нект.јс апликација укључује претварање бинарних података у привремене УРЛ адресе користећи методе као што су УРЛ.цреатеОбјецтУРЛ(). Правилно управљање меморијом, као што је опозивање УРЛ адреса објеката, кључно је за избегавање цурења и проблема са перформансама.

Безбедност је још једна кључна ствар, јер се привремени УРЛ-ови могу делити. Примена САС токена додаје временски ограничену контролу приступа. Поред тога, обезбеђивање компатибилности прегледача и обезбеђивање резервних делова за уређаје који не подржавају блоб УРЛ-ове обезбеђује оптимално корисничко искуство.