The Simplest Way to Deploy an ANGULAR App to AZURE in 2023!

[@IsraelQuiroz]

If you enjoyed the video please remember to drop a like so it can spread to more developers on youtube, thank you!

[@Evengelius]

Bro really thank you, your quick tutorial really helped me

[@IsraelQuiroz]

your welcome! :) happy to hear it! have a great day and hope to see u back on the channel soon!

[@JasonRuhlin]

Amazing content Israel! Love how concise you are with conveying the topic at hand. Checked off my first deployment to Azure, now to see if I can finally crack the yaml code for deploying through CICD in Azure Pipelines > Azure App Services. Been fighting that one for a few days.. haha.

[@IsraelQuiroz]

Thank you Jason! :) i appreciate the love, congrats on your first deployment! if u want help with Yaml and pipelines idk if u have seen my video, it might help you out! kzbin.info/www/bejne/ZqKkf3l3g5d7htksi=nDR0M4vq-xBxzWmh

[@Michal-J]

You sir saved me hours of brainstorming. I managed to deploy my Angular Application without any issues with that VS Code extension. Great job, keep it up! :) Liked & Subscribed.

[@IsraelQuiroz]

Happy to hear that! :) Welcome and i truly appreciate it!

[@govardhanreddy33]

Thanks a lot, I learned

[@IsraelQuiroz]

You are welcome! :)

[@rosssilcott5439]

Sooo helpful. Thank you. :)

[@IsraelQuiroz]

your welcome! :)

[@datascienceandmachinelearn2537]

Thanks, it is really useful

[@IsraelQuiroz]

your welcome!

[@AgustinCampon]

A deploy with ssr?

[@Grush12345]

After deployment, we are getting a white blank screen only in the browser and no errors in the console. What could be the possible reasons and solutions?

[@thomaspichler8791]

Thank you for the explanation but how to connect the angular app with the backend / server?

[@IsraelQuiroz]

Your welcome! Either watch my Angular 17 .Net 8 video or the video I have of how to deploy that type of app to Azure

[@ALLU811]

Hi bro in Microsoft azure we can host both angular and nodejs at once?

[@ricardotovar4597]

Great video, I have a question, why do you choose window as your operating system?

[@IsraelQuiroz]

appreciate it! because work! im a .Net Developer first

[@hectorcontreras9171]

Do we need the Azure App Service Extension if we're using Visual Studio 2022 (not VS Code)?

[@IsraelQuiroz]

I forget what it's called but u can use the Azure view in VS

[@luisfernandodeolazabalsche3317]

Gracias.

[@IsraelQuiroz]

De nada :)

Hello, I am developing a project and your video was very useful to deploy my app to azure. But how should I proceed once I changed the code? As I deployed a app that isn't updated anymore, I'd like the Azure to also update the code, how should I do that?

[@IsraelQuiroz]

U need to do an Ng build before deploying so your dist folder gets the new build if not u are pushing the last build Happy to hear my video helped!

[@ManuelHernandez-zq5em]

The new deployed changes on the angular app will not reflect when opening the azure web app again, even if Restart and Refresh the app. Am I missing something? Any hints?

[@2dabang]

Hi, it is very clear and informational. One thing I need is how can I use the Azure CLI to deploy the application. Do you have any thoughts?

[@IsraelQuiroz]

There should be various microsoft articles on how to do it but the main thing is u need to be able to connect to azure from your terminal then everything else is about knowing the commands

[@krishgondaliya7277]

So, the issue is, first time we just deploy dist folder in azure app service, and after if i make any changes in code and rebuilt this in local machine, then is that service automatically get this changes or i have to redeploy this folder to the azure app service?

[@IsraelQuiroz]

you have to update your azure app service with new changes when you make them, if you want continuous updates i suggest your create a CI/CD pipeline if you dont want to do it manually! and i have videos about that!

[@nelsonrivers8546]

How about deploying an Angular app to IIS ?

[@IsraelQuiroz]

ill keep that one in mind, thank you Nelson!

[@andrejpetnuch9886]

i have little problem on ayure with get request with parameters for example : users/user/:id on mz angular route endpoint. but hot it set on virtual path on azure? if i set it on ayure it is be like a string => mean param :id

[@IsraelQuiroz]

It should work regardless of whether it's on azure or not cuz the route is in the routing module or app.module

[@yokehochin3532]

Hihi, may I know the steps to deploy an Angular SSR to Azure?

[@IsraelQuiroz]

Hi, thanks for the question i haven't done a lot with server side rendering honestly with Azure but i found this article and hope it helps: bossprogrammer.medium.com/how-to-deploy-an-angular-10-universal-app-with-server-side-rendering-to-azure-a2b90df9ca64

[@yokehochin3532]

@@IsraelQuiroz Thanks for the reply, this article steps is not working. Okay, hope you explore the SSR and come out a tutorial in future. Thanks :)

[@zuhofang]

@@yokehochin3532 bro if you have any ideas about deploying angular ssr in azure, please share it

[@bladimir4295]

Hi, I'm trying to follow the steps, but I'm getting the following error: Error: Couldn't detect a version for the platform 'nodejs' in the repo. Could anyone help me plz?

[@IsraelQuiroz]

if its in the repo that means you probably need to reinstall node in your project or make sure in your app service to select Node when creating the app service