0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Cloud Run入門!Dockerコンテナをサーバーレスで爆速デプロイする方法

Last updated at Posted at 2025-02-25

はじめに

サーバーレス×コンテナ の組み合わせが注目される中、GCPの Cloud Run を使えば、Dockerコンテナを爆速デプロイできます!

インフラ管理不要、リクエスト時のみ起動、スケールも自動。さらに使った分だけ課金でコストも最適!

本記事では、Cloud Runを使って、Dockerコンテナをサーバーレスで爆速デプロイする方法を説明します。

では、始めましょう!

アプリケーションとリポジトリの準備

Next.js アプリケーションの作成

サンプルアプリからサクッと作ってしまいます!

npx create-next-app --example with-docker nextjs-on-cloudrun

リポジトリの作成

GitHubのUI上で、今回使うリポジトリを作成します!

  1. リポジトリタブを選択して、「New」を押下!
    スクリーンショット 2025-02-24 23.32.34.png

  2. リポジトリ名を決めて、非公開設定をして、CreateRepository
    スクリーンショット 2025-02-24 23.34.25.png

リソースをGitへPush

UI上の指示に従って、GitHubへリソースをPushします!
スクリーンショット 2025-02-24 23.38.37.png

Cloud Runでの設定

  1. Cloud Runの管理画面を開きます!
    https://console.cloud.google.com/run

  2. リポジトリを接続を押下
    スクリーンショット 2025-02-24 23.49.58.png

  3. サービスはGitHubを選択
    image.png

  4. CLOUD BUILDの設定 を押下します。
    スクリーンショット 2025-02-24 23.53.56.png

  5. リポジトリを選択して次へを押下
    スクリーンショット 2025-02-24 23.55.04.png

  6. 対象リポジトリを選択。ビルドタイプは Dockerfileを選択、
    image.png

  7. サービス名、リージョン、認証方法を設定します。
    image.png
    ※ ここでは外部からアクセスできるように、「未認証の呼び出しを許可」しています。

  8. Cloud Buildトリガーは、Next.jsのデフォルトポート番号に合わせて、3000を設定
    image.png

  9. 画面下部の「作成」を押下

動作確認

しばらく待つと、ビルド・デプロイが完了します。
画面上部のURLに接続してみると...。

スクリーンショット 2025-02-25 0.05.02.png

このような形で、初期画面が表示されるはずです!
image.png

試しにindex.jsの中身をこんな少し変えてみます。
image.png

mainにmergeすると、このような感じで問題なく変更できていることが確認できます!
image.png

最後に

いかがでしたでしょうか?
私は、CI/CDを含めた環境構築を爆速でできてしまうことに、目から鱗でした!
もしよろしければ、ご活用いただけましたら幸いです!

0
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?