Run your Angular app on Google Cloud

Рет қаралды 7,142

Күн бұрын

Follow along as Martin Omander builds and deploys an Angular web app on Google Cloud. You will see every step of the way so you can do the same and deploy your app for all the world to see. And there will be no servers to provision or configure!
Chapters:
0:00 - Intro
0:45 - Create an Angular app
2:40 - Create an Express app
6:54 - Deploy the app to Google Cloud
12:43 - Use your own domain name
14:37 - Add a database
15:19 - User authentication
15:58 - Wrap-up
Checkout more episodes of Serverless Expeditions → goo.gle/ServerlessExpeditions
Subscribe to Google Cloud Tech → goo.gle/GoogleCloudTech
#ServerlessExpeditions

Пікірлер: 30

@googlecloudtech 8 ай бұрын

Checkout more episodes of Serverless Expeditions → goo.gle/ServerlessExpeditions

@cindysi63 8 ай бұрын

Nicely paced and useful tutorial. Thank you.

@lennih 5 ай бұрын

This was super useful. Much better than other tutorials in the same channel on similar topics. Thanks!

@TheMomander 5 ай бұрын

Thank you for the kind words -- you made my day!

@banzai316 7 ай бұрын

Thank you. Very useful

@ROYAL-THUNDER 7 ай бұрын

That is so great! Thanks

@yudaadi2209 8 ай бұрын

woah, that's interesting, I thought we have to create the images by ourself with Dockerfile or in yaml format, but on this video Google will create the images by themself, I have to try out those things

@TheMomander 8 ай бұрын

Agreed, source code deployments to Cloud Run are quite useful. A container is still created, but Google figures it out so we don't have to.

@ajayjatav6969 22 күн бұрын

thanks for Wonderful Video :), but one question here - HOW to push/deploy changes , what is the command for it

@MartinOmander 22 күн бұрын

You would run "npm run build" to build the files on your local machine. Then you would run "gcloud run deploy [service-name]" to deploy your built files to Cloud Run.

@guillaume1864 4 ай бұрын

If there is no SSR it's absolutely fine to serve it as static files through a CDN.. Look like there's a bit of overengineering here, I would expect this tutorial to be acout hosting a very simple angular app (w/o API which is another topic) on the cloud. Also using 100% of the space for VS Code without big borders would be a good idea. Thanks for the explanation on Google Cloud Run, looks very promising for some of my otherl needs :)

@TheMomander 4 ай бұрын

Thanks for the feedback!

@dheer211 8 ай бұрын

It would have been nice if the firestore integration and firebase auth was also setup as part of deploying the app on GCP.

@TheMomander 7 ай бұрын

Agreed, but it's easy to add. In my code I usually import Firestore (with one line of code) and then easily read and write to Firestore (with one more line of code). Firebase Auth is a little more work because you need to decide what the login should look like in the context of your web page. I usually use FirebaseUI, so I don't have to build the login form myself.

@sidof8065 2 ай бұрын

it possible to deploy using docker image

@TheMomander 2 ай бұрын

Yes, it is. In this video I didn't use the "--image" option with "gcloud run deploy". That means that Google built my container for me. If you prefer to supply your own container, use the "--image" option. You can build your container locally or with Google Cloud Build, using "gcloud builds submit".

@tntg5 8 ай бұрын

When are you going to make angular SSR out of the box ?

@TheMomander 8 ай бұрын

I should create a separate video about that. Thank you for the suggestion! In the meantime, there are some good resources online for it, including one from Fireship.

@ZaeroX 6 ай бұрын

i have a issue ... Revision 'pirate-service-00001-biz' is not ready and cannot serve traffic. The user-provided container failed to start and listen on the port defined provided by the PORT=8080 environment variable. Logs for this revision might contain more information

@TheMomander 6 ай бұрын

You may have left something out. Go to the Cloud Console, click the hamburger menu in the top left corner, pick Cloud Logging and Log Explorer. All the logs for your project will be there, including the error that caused your application not to start.

@gnoyl 2 ай бұрын

same issue: "sh: 1: ng: not found" it tries to do ng serve

@TheMomander 2 ай бұрын

@@gnoyl Sorry, I have not seen this error. It's hard to guess what might have gone wrong. All I can suggest is to redo the steps I did in the video, as they worked for me.