Run your Angular app on Google Cloud

Подписаться 1,1 млн

Просмотров 7 тыс.

50% 1

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

Наука

Опубликовано:

16 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 31

@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.

@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!

@ajayjatav6969 27 дней назад

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

@MartinOmander 26 дней назад

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.

@MaxGeiszler День назад

Now how do you deploy new updates?

@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 8 месяцев назад

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.