What is the efficient way to get data from ADLS Gen2 and bind it to Angular UI?

Question

I am using Angular SPA project type for creating a client side application.

The data that i want to bind to UI is present in ADLS Gen2 storage.

What is the efficient way to connect to ADLS Gen 2 and fetch the data?

I know there is blob SDK available but i am not sure how efficient it is as far as performance is concerned

Answer 1

1.If you prefer to use SDK, then the blob SDK is the right way to fetch data. Using the blob SDK, you can download the data to locally or get the data like stream.

2.If you want to download the data to local, then bind to UI, you can use AZcopy , which provides high performance than blob SDK .

3.The last way, you can use sas-token with these data. Then you can get the data url with sas-token => then you can directly use these urls and bind to the UI. Here is the screenshot of generate sas-token and you can control the permission like read-only:

Assume you have this data in ADLS Gen2: test/image1.jgp, when you generate the sas-token, add this data to Blob Service SAS URL which is generated above, like below:

https://ADLS_Gen2_account.blob.core.windows.net/test/image1.jpg?sv=xxxx