How to Deploy an Angular App to Firebase: Step-by-Step Guide
ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- In this tutorial, you'll learn how to deploy an Angular app to Firebase Hosting in a step-by-step guide. Firebase is a popular platform for hosting web applications, and with this tutorial, you'll learn how to set up and deploy your Angular app to Firebase Hosting.
We'll cover topics such as creating a Firebase account, installing the Firebase CLI, building your Angular app, logging in to Firebase, initializing your Firebase project, setting up Firebase Hosting, and deploying your app.
By following this tutorial, you'll gain a better understanding of how to deploy your Angular app to Firebase Hosting and make it accessible to your users.
#angular, #firebasehosting, #firebasecli, #deploy, #tutorial, #step-by-step
![วันเกิดเธอ (TO YOU) - PHUWIN [ OFFICIAL MV ]](http://i.ytimg.com/vi/_ROx1Bj3T0Y/mqdefault.jpg)
thank you so much, quick and simple guide. wouldve taken me ages to figure out i just had to point the public directory to the dist folder without this.
Awesome tutorial, thanks a lot!
You're welcome!
thank you!
I've being trying to deploy for a few times, but everytime run into default firebase window on hosting
but while watching the video I understood that I should just not overwrite index file))
now it is great!
I was also stuck on that! Best of luck to you!
Easy and to the point.
Love from India
I deployed my Angular project with firebase CLI but when I navigate to the specific domain, I only see this :
Welcome
Firebase Hosting Setup Complete
You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
How to fix this issue.
How to fixed this? Because I deployed this app following what you teach in project.
I have similar problem. Please help
please see another comments, there is a decision
When you run the ng build command check the dist folder, there could be an extra folder called browser move the files from there and paste in the sub directory e.g dist/app/browser/files, move all the files from the browser and paste in app like so dist/app/files then firebase deploy it should work. (copy of @Babatunde Lamidi comment)
@@santiagobruno_t1581 how can I set another settings for dist folder? Copy and paste it manually is too uncomfortable
Thank you, very helpful!
Glad to hear that!
Love this. Cheers.
Thank you
Helpful, thank you.
You are welcome!
Thankyou soo muchhh! This saved my day!
You're welcome!
really helpful thank you!
You're welcome!
Thank you! Life saver!
Great vid, thanks!
Thank you!
You're welcome!
Thankyou verymuch 🎉
Perfect
Thank u
Thanks ! it worked
Cheers squire!
Ty for this !
uw :)
Please show what next to do
thanks!
I ran all the commands and got a Welcome to Firebase Hosting page. The page shows: Welcome
Firebase Hosting Setup Complete
You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
OPEN HOSTING DOCUMENTATION
Am I doing anything wrong or does it take time to load?
When you run the ng build command check the dist folder, there could be an extra folder called browser move the files from there and paste in the sub directory e.g dist/app/browser/files, move all the files from the browser and paste in app like so dist/app/files then firebase deploy it should work. If it doesn't I could create a short TH-cam tutorial on this. Please let me if this works. Thanks!
@@babatundelmd I have the same issue as @69mystery67 has, even after your recomendation. Could you please create a short tutorial or give a tip how to solve the issue.
@@vladab7825 please check it out here - th-cam.com/video/P76cw9KW9Us/w-d-xo.html and let me if it works
@@babatundelmd Thank you for your effort and that new video! Everething is working right now!!!
@@babatundelmd thank you very much, cut from folder browser and paste it in dist/files helped me
Not working
What’s the error ?
th-cam.com/video/P76cw9KW9Us/w-d-xo.html