0026 - 💽 Azure Blob Storage with Angular application framework

Опубликовано: 13 Октябрь 2024
на канале: clouddeveloper.io
12,869
54

Azure Blob Storage with Angular application framework
▸In this video we show you how to integrate Azure Blob storage using the Azuzure Storage Javascript client library.

Angular doesn't have native support for this yet and the Azure team is working on making it easier by first starting to provide compatibility for other frameworks through the usage of Browserify.
We take the currently in preview version of the Azure Storage Javascript client library and show you how to add it to the Angular2 application.
We also show you how to create and configure the new Azure Storage account that allows you to have access to Azure Blogs Storage.
Once the account is configured, we then build a simple Angular service that will consume the Azure Storage library to download a json file from the blob storage account so we can render the content in our application.
The last step of the process is to adjust our Angular component to start consuming the data that is coming from the Blob Storage end-point and simplify our HTML template.

Github page for this video: https://github.com/clouddeveloperio/c...

▬ SUBSCRIBE & LEARN ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸Subscribe to the channel - https://www.youtube.com/c/clouddevelo...

▬ RELATED VIDEOS ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸0016 - Creating a new Angular application with VS Code -    • 0016 - Creating a new Angular applica...  
▸0017 - Starting an Angular application and testing basics -    • 0017 - Starting an Angular applicatio...  
▸0018 - Angular + Semantic UI quick start guide -    • 0018 - Angular + Semantic UI quick st...  
▸0019 - Adding jQuery to Angular for Semantic UI guide -    • 0019 - Adding jQuery to Angular for S...  
▸0020 - How to create components in Angular application walkthrough -    • 0020 - 🛠How to create components in A...  
▸0021 - Writing automated unit tests in Angular for components -    • 0021 - 📊 Writing automated unit tests...  
▸0022 - Building a modern Angular application with Parallax effect -    • 0022 - 🔮 Building a modern Angular ap...  
▸0023 - Deploying and hosting an Angular application in Azure -    • 0023 - ☁ Deploying and hosting an Ang...  
▸0024 - Angular monitoring using Azure Application Insights -    • 0024 - 📈 Angular monitoring using Azu...  
▸0025 - Testing in production using Azure Deployment Slots -    • 0025 - 🚧 Testing in production using ...  

▬ MY EQUIPMENT ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸Logitech BRIO Ultra HD - https://amzn.to/3ixI4Jb
▸Logitech MX Master - https://amzn.to/3iqThvm
▸Apple Magic Keyboard with Keypad - https://amzn.to/3l8RLj8
▸Blue Compas Microphone Arm - https://amzn.to/3cU3r6k
▸Rode NT1-A Condenser Mic - https://amzn.to/36pOrfs
▸Focusrite Scarlett 2i2 USB Audio preamp - https://amzn.to/33riZeF
▸Dell Ultrasharp 27" monitor - https://amzn.to/2GqmU2T
▸HumanScale M2 M/Flex monitor mount - https://amzn.to/3nhWXD2
▸Bose Companion 3 speakers - https://amzn.to/2F3A59m
▸8K HDMI Cable - https://amzn.to/2SlXlT1
▸Samsung Galaxy Tab S6 10.5" - https://amzn.to/33tXR7y
▸INFILAND Galaxy Tab S6 Case - https://amzn.to/3iqHU6n

▬ SOCIAL MEDIA ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸Twitter -   / ilozovyy  
▸Facebook - https://www.fb.me/clouddeveloper.io
▸Reddit -   / clouddeveroperio  
▸GitHub - https://github.com/clouddeveloperio

▬ DISCLAMER ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!

#clouddeveloper #blobstorage #azure #opensource #azureappservicewebapp #cloud #devops #git #angular #angular2 #angularjs