How To Deploy Angular 14 .Net 6 Web App To Azure FULL TUTORIAL!

[@IsraelQuiroz]

Hope you guys found this video helpful! Don't forget to drop a Like & Subscribe!

[@ralhamami]

Extremely helpful. I really enjoy the way you step through the processes. Thanks a lot. Subscribed. 😊👍

[@IsraelQuiroz]

@@ralhamami I truly appreciate that!!! :) I try and go into every video trying to explain the topic as I would enjoy! Being clear and explaining it normally haha no high level terms like if I was in person And WELCOME TO THE FAMILY HOPE TO SEE U IN THE COMMENTS SECTION OF MORE VIDEOS!

[@ralhamami]

@@IsraelQuiroz Haha, absolutely man! 😁👍

[@patricknavega112]

From Brazil: BEST TUTORIAL EVER, this is exactly what I looking for.Thanks a lot for the content and for the quality.

[@IsraelQuiroz]

Obrigado :) have a great day!

[@easypeasy2744]

BEST TUTORIAL EVER I SWEAR

[@IsraelQuiroz]

Im so happy to hear that! :) and im really happy my tutorial could you out! thank u so much for the compliment, it means alot

[@NhiNguyen-eq2xu]

Thank you for this tutorial, it helps me alot

[@IsraelQuiroz]

Your welcome!

[@germansantiagoramospena1442]

One of the best tutoriales i've ever seen, simple and straight to the poing, amazing!

[@IsraelQuiroz]

your welcome :)

[@Truth-Voyager]

This is the EXACT video I was looking for. Thank you very much my good sir. Hopefully everything still works in 2024 😅

[@IsraelQuiroz]

Your welcome!!!! Everything should be very similar maybe the UI changed a bit cuz Azure is always changing it but functionality should be the same!

[@Truth-Voyager]

@@IsraelQuiroz One difference I am running into is that there is now a need to connect to the server using a Private Endpoint from inside my virtual network. Not sure what that means but I'm about to try to figure it out.

[@julioantoniogonzalezmartin3306]

This video is incredible amazing, keep it up, bro! you helped me on my current job! Much love from México, wey!

[@IsraelQuiroz]

Thank you, i appreciate it and i'm happy to hear i could help you out!!! Saludos hasta mexico wey, siguela rompiendo crack haha

[@vata3835]

thank you! very useful video. especially info about firewall rule for SQL database saved me alot of time! Thanks!

[@IsraelQuiroz]

Your Welcome! :)

[@peaceofmind7048]

Form india... Thank lot bro ...Keep Rocking 🔥🤘

[@IsraelQuiroz]

Your welcome! thanks :)

[@khalidsultani1896]

thanks for posting this awesome video and info on putting changes back to azure app or ci/cd

[@IsraelQuiroz]

Your welcome! i appreciate the comment :)

[@leafmagi2796]

thank you bro! i spend half day to deploy my web app and sql to azure. And i am going to deploy another one, much more difficult one. but that one totally match ur topic, SQL + ANGULAR + .NET. just love you >3 >3>3>3

[@IsraelQuiroz]

Thats Awesome! I am so happy to be able to help you! :) yeah Azure can be difficult but I am glad to make your deployment a bit easier!

[@leafmagi2796]

@@IsraelQuiroz it works bro!!! i have to watch what you uploaded in the past. Maybe there is something i should learn from I only know a little piece of tech world. How do you describe yourself? A cloud engineer? Azure developer or simply a web developer?

[@IsraelQuiroz]

I just call myself a Software Developer, but Web Dev, Software Engineer all mean essentially the same thing

[@manivannanr7889]

This is a good short video of deploying Angular Dotnet app to Azure

[@IsraelQuiroz]

Thank u! glad u found it helpful :)

[@sameerfromfsd]

that was exactly i was looking for .... great job thumbs up.

[@IsraelQuiroz]

Happy to hear it thank u!

[@dboulos7]

Thanks Israel, that was extremely helpful!

[@IsraelQuiroz]

Awesome! Im happy to hear that! :)

[@omarolverar]

Great video! Thanks It was very helpful

[@IsraelQuiroz]

Thank u!!! I appreciate it and happy to hear it helped!

[@nelsnc]

Thanks for sharing! It's really helpful.

[@IsraelQuiroz]

Happy to hear it helped! :)

[@guptaAman7]

It's really helpful. Thanks

[@IsraelQuiroz]

Your welcome! :) thanks for the comment! stay tuned for more Angular + .Net content

[@daniel49245]

Subbed. Great content. I have angular 17, .net 8 api with redis cache and mssql. Are there additional steps because of the redis cache?

[@IsraelQuiroz]

Thank you for subbing! i truly appreciate it!!! :) well the only thing i believe i didn't do in this video is set up redis cache in azure so that's the only thing you would have to figure out, i have a video on Redis cache if it helps at all

[@alexis_suarez]

Great tutorial! Thanks man. I know that you can also upload the angular app to a storage account as a static website. What is the differences between these two approaches?? Is any of them cheaper? or what about performance? what is best?

[@IsraelQuiroz]

Appreciate it!!! I think if u upload it as static it's cheaper but doesn't scale as well so performance isn't as good but as an app service it's more expensive but flexible when it comes to scaling to whatever u need

[@Brxndz_]

This was a great video

[@IsraelQuiroz]

Happy to hear it! :)

[@kannathasant103]

Awesome content, very useful for me.

[@IsraelQuiroz]

I am happy to hear that :) soon ill have a new one out for Angular 15 and .Net 7!

[@kannathasant103]

@@IsraelQuiroz your contents are unique. Seen Google social login material in the playlist. If possible please add one for Facebook login also.

[@IsraelQuiroz]

@@kannathasant103 I'll keep it in mind thank u for the suggestion :)

[@pupunjena1862]

sweet guy and a great programmer

[@IsraelQuiroz]

very kind and appreciated of you :) glad u enjoyed the video!

[@rakeshchauhan-op8qw]

Great work mate

[@IsraelQuiroz]

Thank you! :)

[@rakeshchauhan-op8qw]

​@@IsraelQuiroz In your opinion, what's the cheapest way of hosting with: 1. WebAPI 2. Angular frontEnd 3. Sql server (can be sql express)

[@zk3714]

Thank you for the detailed tutorial. Very helpful. I want to ask a question: in your tutorial, you deployed your Angular and backend API in two separate Azure App Service. Can one Azure instance host both frontend and backend together?

[@IsraelQuiroz]

An app service has a specific environment that it needs and it wouldn't work in this case I'm pretty sure maybe with docker or containers u could deploy them together maybe but I've never tried it I appreciate the compliment though maybe in the future I experiment more with this

[@christopherfc4954]

Wonderful, thank you for this detailed tutorial. I have a question regarding billing. The only paid aspect I see is access to the SQL database, did you actually get about $5 billing? DTU billing is relatively complicated.

[@IsraelQuiroz]

No problem! i'm so happy it could be helpful and was straight forward! so honestly the hosting can get very costly depending on the user base your app will have, most of my solo projects do not store a crazy amount of data so that cost to my clients has never been crazy, but the billing will just come down to how many space u need or redundancy, backups, etc so yeah my cost for storage always stays pretty low compared to hosting on azure but i could see it ballooning if u have a ton of data u are always storing

[@konradlempart4501]

Thanks mate, I love your charisma :D will try to do this in a second, lets see if it works :) EDIT: It worked!!

[@IsraelQuiroz]

Your Welcome!! and thank u so much for that, i truly enjoy all the content i make so thank u for feeling my energy! it should work and questions feel free to ask, and looking forward to seeing you back on the channel!

[@konradlempart4501]

@@IsraelQuiroz everything worked! Even more, I didn't encounter those errors that You had. Thank You once again!

[@IsraelQuiroz]

@@konradlempart4501 SO AWESOME TO HEAR! 🫶

[@kevinmelendres7832]

THANK YOU!!

[@IsraelQuiroz]

Your welcome!!!

[@patricknavega112]

Hi Israel, Do you have some video explaining how set this process by CI/CD resources on Azure devops?

[@IsraelQuiroz]

i have a CI/CD video on my channel im not sure its exactly what you need but i do have one and maybe you can use it as a base for what you need, look for my CICD video from November

[@hectorcontreras9171]

I created my database tables using EF Core migrations CLI command: dotnet ef migrations add "Initial" -o "Data/Migrations" followed by: dotnet ef database update . . . how would I accomplish a similar objective in Azure?

[@michaelbarcellona9512]

Nice job

[@IsraelQuiroz]

Thank you!! :)

[@sweetysnehith9692]

HI sir can you please share reference to set custom DNS in front end url

[@raviel_0422]

Hello. Does this work in a blazor frontend?

[@ShatteredEyeStudios]

One problem is reloading the pages when the routes are not index. If you see The resource you are looking for has been removed, had its name changed, or is temporarily unavailable you need to add a web.config file with url reroutes to the azure site. ex added to root through ftp , found in publishsettings file under ftp

[@jonas19blau]

Thanks, Israel! How can use/config Redis in Azure? I have used Redis as a cache in my project.

[@IsraelQuiroz]

I have that as a video idea 👀

[@jonas19blau]

@@IsraelQuiroz I did it myself! :) Thanks anyway!

[@user-re7lg]

Thank you for this tutorial, it's really helpful. I had an issue when deploying the frontend part is that when I run the command ng build --configuration=production it creates the dist folder but it contains only assets folder and some js files, so that I can not deploy like you did in the tutorial since I don't have dist/appname. Can you help me with that ?

[@IsraelQuiroz]

your welcome! :) well usually if you do ng build its default setting is now production so u shouldn't need to do the --configuration flag BUT the assets and js files should be everything that you should need i believe because on ng build it changes the typescript to javascript so as long as the files are the same files i have after ng build not having the folder path doesn't matter as much you just need to be able to put everything in the dist folder into the app service, i hope that makes sense, just point to the dist folder then if u dont have the dist/project name folder there or whatever the file containing the js files are

[@Proviper666]

Do we really need to recreate each table using sql query? Is it possible to do entity framework commands? (update-database)?

[@IsraelQuiroz]

recreate each table when?

[@Proviper666]

@@IsraelQuiroz 08:30 in your video. "Database is created, but we don't have tables". Then you create table using sql query...

[@IsraelQuiroz]

thank u for the help, no u dont need to use a sql query i just did it since it was one table and quicker but u can create a .bacpac file of the db u have locally and just upload it and it will create it all

[@nitrogenius]

Why do we have 2 webapps instead of 1? Cant we deploy both .NET API and Angular into same webapp?

[@IsraelQuiroz]

There are a lot of different setups, having two different web apps allows you to scale up the API without having to touch the frontend but u can put them together u just have to set up the root if u want

[@umeshshelke725]

how to deploye angular and .net code web api on iis ? can you please make a video on this ?

[@IsraelQuiroz]

ill make a note of it :)

[@umeshshelke725]

@@IsraelQuiroz please make a video as soon as possible .

[@maheshguttedar3620]

whats yearly cost of this about for small company?

[@IsraelQuiroz]

Azure has a pricing calculator maybe play around with that to get a better estimate than i can give you for your specific needs azure.microsoft.com/en-us/pricing/calculator/?ef_id=_k_Cj0KCQiAy9msBhD0ARIsANbk0A-N-Uoqdr1WB0y7koxAul2FMDYcn7SBChEXFqlgrutwcWMQsR-ZdJEaAu4NEALw_wcB_k_&OCID=AIDcmm5edswduu_SEM__k_Cj0KCQiAy9msBhD0ARIsANbk0A-N-Uoqdr1WB0y7koxAul2FMDYcn7SBChEXFqlgrutwcWMQsR-ZdJEaAu4NEALw_wcB_k_&gad_source=1&gclid=Cj0KCQiAy9msBhD0ARIsANbk0A-N-Uoqdr1WB0y7koxAul2FMDYcn7SBChEXFqlgrutwcWMQsR-ZdJEaAu4NEALw_wcB

[@lesedimangope6815]

goattttttt

[@julianlumetsberger4151]

I have some questions, would be nice if you check your instagram DMs because i am looking for some help - THANK YOU! And another wish from me: Could you please make a tutorial on authentication when youre creating an angular project? How you should architect it and so on...! (Email/password combo and third party authentication would be nice, thank you! :D)

[@naveenpujari8996]

good and learn Hindi...

[@IsraelQuiroz]

hahaha your welcome and im good, pass... double it and give it to the next guy

[@naveenpujari8996]

@@IsraelQuiroz India/Israel Bros, come to India will show you New India under Mr Modi brother of Nitanyaho :)..... liked the simple way and clearity.. you are not making things complex.. most of youtuber are not good as you.. i Subscribed u now....applogise if i misunderstood yours name.. i am assuming your are basically from Israel?? based on yours first name "Israel" ..lol

[@IsraelQuiroz]

@@naveenpujari8996 hahaha Israel is just my name

[@julianlumetsberger4151]

Check your Instagram DM🙌🏽