Deploy frontend-apps to Cloud Run

[Z-zia]

Background

フロントエンドアプリ（vue, typescript）をデプロイする環境を決めたい コンテナをデプロイできるCloudRunが良さそう

Overview

CloudRunにフロントエンドアプリをリリースする。 https://dev.classmethod.jp/articles/gcp_cloud_run_tutorial_sys/

事前にGCRにプッシュする。プッシュする前にDockerfileとか整理しておく https://cloud.google.com/container-registry?hl=ja

Goal

• CloudRunのエンドポイントにアクセスすると、localhostと同じHelloworldが見れること

Not to do

• ドメイン取得、DNSサーバーの設定はしない

[Z-zia]

[Phase 1] GCPをローカルCUIから操作する場合はgcloudを使う

• gcloudをubuntuにインストール
  • https://cloud.google.com/sdk/docs/install?hl=ja#deb
• 認証：gcloud auth
• GCRにプッシュ
  • https://rinoguchi.net/2020/11/gcr.html
  • https://qiita.com/mmclsntr/items/dc64ab50e823f37f4330

---

[Phase 2]

• Cloud Runでフロントエンドのコンテナを実行
  • https://qiita.com/taka_baya/items/df863a26fa3517ceeeff
  • もう少し調べる

[Z-zia]

[Phase 1] poker: 5h

[aonorito]

以下の手順でGCPにdockerイメージをプッシュする

[docker build] docker build -t vite-sample:latest -f docker/production/Dockerfile . [ビルドしたイメージの確認] docker images [タグの付け替え] docker tag vite-sample:latest gcr.io/prime-formula-377501/vite-sample:latest [GCPにログインする] gcloud auth login [イメージのプッシュ] docker push gcr.io/prime-formula-377501/vite-sample

[aonorito]

[Phase 2] poker: 5h

[aonorito]

readmeにローカルでの実行コマンドと、GCPへのデプロイコマンドを記載する。 Makefile作成後は、コマンド関連を再度更新する。

内容の理解 不要なソースの削除