LoginSignup
0
0
@subaru44k

Google CloudのCloud Shellエディタで開発をし、Cloud Buildを使ってCloud Runで公開する

Last updated at Posted at 2024-01-07

概略

最近Google Cloudの資格の勉強をして、Cloud Runが面白いなと思ったので、Google Cloud上でコードを書いて、Cloud Buildでビルドをし、Cloud Runで公開するまでの一連の流れを試してみる。

Cloud Run

Function as a Serviceのコンテナ版のようなサービス。スパイクアクセスがあってもかなり素早くスケールしてくれるらしい。
1リクエストごとに1コンテナ割り当ててるとリソース効率悪い場合は、1コンテナごとにいくつリクエストを受けるかも設定可能。
また、リビジョンごとに割合でトラフィックを振り分けることもできるので、最新リビジョンに徐々にトラフィック切り替えて、問題があれば切り戻すのも簡単にできる。
公式ページはこちら

ひとまずお試し

開発

CloudRunTestというプロジェクトを作成し、Cloud Shellを実行する。
Screenshot 2024-01-07 at 12.49.49.png

Cloud Shellにて、~/work/cloudruntestディレクトリを作成する。

mkdir -p ~/work/cloudruntest

エディタを開くボタンを押し、Cloud Shell エディタを開く。
Screenshot 2024-01-07 at 12.52.29.png

さきほど作成した~/work/cloudruntestディレクトリを開き、開発を始める。
package.jsonを以下の内容で作成する。

package.json
{
  "name": "helloworld",
  "description": "Simple hello world sample in Node",
  "version": "1.0.0",
  "private": true,
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "engines": {
    "node": ">=16.0.0"
  },
  "author": "Google LLC",
  "license": "Apache-2.0",
  "dependencies": {
    "express": "^4.17.1"
  }
}

また、index.jsを以下の内容で作成する。

index.js
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  const name = process.env.NAME || 'World';
  res.send(`Hello ${name}!`);
});

const port = parseInt(process.env.PORT) || 8080;
app.listen(port, () => {
  console.log(`helloworld: listening on port ${port}`);
});

ビルド & デプロイ

Cloud Shellに戻り、ビルドとデプロイを開始する。以下を実行する。

gcloud run deploy

インタラクティブにいろいろ聞かれるので、プロジェクト名はデフォルトで進み、権限付与の許可が求められた場合はyを入力する。
実行するリージョンは任意だが、us-central1などを選択する。
非認証アクセスも許可しておく。
問題なく進んだら、最後にService URLが表示されるので、メモっておく。

確認

上記で表示されたService URLにアクセスする。
無事Hello World!が表示された。

コード修正と再デプロイ

Helo Wrold!ではなく、Hello Cloud Run!が表示されるように修正してみる。
Cloud Shell エディタもしくはCloud Shell上で、index.jsの5行目を以下のように修正する。

index.js
  const name = process.env.NAME || 'Cloud Run';

その後、Cloud Shellにて再度ビルドとデプロイを行う。以下コマンドを実行する。

gcloud run deploy

また初回と同じようなことを聞かれるので、同じ選択をする。
完了したら、同じURLにアクセスする。
無事Hello Cloud Run!という表示になっていることが確認できた。

リビジョン確認とトラフィック分割

Google Cloudのウェブページにアクセスし、Cloud Runサービスを選択する。
Screenshot 2024-01-07 at 13.20.22.png

デプロイしたサービスを選択肢、リビジョンタブを選ぶ。
初回デプロイしたリビジョンと、新たにデプロイしたリビジョンの2つの行が表示されていることが確認できる。
Screenshot 2024-01-07 at 9.37.25.png

トラフィック分割のため、操作からトラフィックを管理を選択する。
Screenshot 2024-01-07 at 9.37.42.png

最新リビジョンと初回リビジョンで50%の振り分けをする。
Screenshot 2024-01-07 at 9.38.02.png

その後、ちょっと待ってからURLにアクセスする。リロードしてくと、Hello World!とHello Cloud Run!のどちらかが表示されることが確認できる。

ローカルでのテスト

Cloud Shell エディタを使ったローカルテスト

さきほどコードを書く際に使用したCloud Shell エディタを表示する。
左側のアイコンの中からCloud Codeを選択する。
Cloud Runのタブを展開し、プロジェクトとして、今回作成したものを選ぶ。
Cloud Runタブの右側に実行っぽいアイコン(ホバーするとRun App on Local Cloud Run Emulatorと表示される)があるので、それをクリックする。
Screenshot 2024-01-07 at 13.01.59.png

初回のみ頑張っていろいろ環境作ってくれるので時間がかかるが、やがて以下のメッセージが表示される。

**************URLs*****************
Deploy completed

Forwarded URL from service cloudruntest: http://localhost:8080
Update succeeded
***********************************

表示されているURLがlocalhostなので一見アクセスできないような気がするが、気にせず開いてみるとlocalhostではないURLに飛ばされて、そちらはアクセス可能。最新のコードの内容が表示されるので、ローカル環境のテストになっているようだ。

ちなみにこのURLはpublicではないようで、Incognito TabなどにURL貼り付けた場合はアクセス制限かかっていることが確認できる。

Cloud Buildを使ったビルドと公開

Dockerfileの準備

さきほどはgcloud run deployが裏で良いようにやってくれたようだが、本来Cloud Runはコンテナイメージを実行するので、イメージの作成をしないといけない。
ということで、イメージ作成のためのDockerfileを作る。
GoogleCloud公式のサンプルリポジトリがあるので、そこから拝借。

Dockerfile
# Copyright 2020 Google LLC
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     https://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.

# [START cloudrun_helloworld_dockerfile]
# [START run_helloworld_dockerfile]

# Use the official lightweight Node.js image.
# https://hub.docker.com/_/node
FROM node:18-slim

# Create and change to the app directory.
WORKDIR /usr/src/app

# Copy application dependency manifests to the container image.
# A wildcard is used to ensure copying both package.json AND package-lock.json (when available).
# Copying this first prevents re-running npm install on every code change.
COPY package*.json ./

# Install production dependencies.
# If you add a package-lock.json, speed your build by switching to 'npm ci'.
# RUN npm ci --only=production
RUN npm install --only=production

# Copy local code to the container image.
COPY . ./

# Run the web service on container startup.
CMD [ "node", "index.js" ]

# [END run_helloworld_dockerfile]
# [END cloudrun_helloworld_dockerfile]

(Dockerfileに詳しくないので勘違いがあるかもしれないが、Dockerfileの記載はどの部分がどの環境での操作なのかよくわからない。上記だとCOPYの第一引数がローカル環境で、CMDがコンテナ実行環境で、その他はビルド環境なんだよね？)

Cloud Buildでビルド

作成したDockerfileを使ってCloud BuildにてイメージのビルドとArtifact Registryへpushをする。
Artifact Registryに登録するので、登録先のリポジトリとパッケージの情報が必要。それらの情報をコマンドで取るのは面倒なので、Google Cloudのウェブページから取ってくる。
ウェブページからArtifact Registryサービスを選択する。
Screenshot 2024-01-07 at 13.11.11.png

お試しの手順で勝手に作成されたcloud-run-source-deployがあるはずなので、そちらを選択し、これまた勝手に作成されたcloudruntestがあることを確認する。
これで所望の情報が集まったので、Cloud Shell上で以下を実行し、ビルドとArtifact Registryへのpushを行う。

gcloud builds submit --tag us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest

問題なく終われば、Artifact Registryのページをリロードすると最新のイメージが登録されていることが確認できる。

ちなみにウェブサイトをたどるのが嫌ならば、以下でリポジトリリストを取り、

gcloud artifacts repositories list

以下でpackage listを取れば良さそう。

gcloud artifacts packages list --repository cloud-run-source-deploy --location us-central1

コマンドでデプロイ

Artifact Registryに登録されたイメージを以下のコマンドでCloud Runにデプロイする。

gcloud run deploy cloudruntest --image us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest --region=us-central1

Cloud Buildのウェブサイトをリロードすると、無事にデプロイされていることが確認できる。

Cloud Buildでビルドとデプロイ

Cloud Buildではyamlファイルに基づいてステップでの操作実行ができるようだ。さきほどの手順では2つのコマンドを使っていたが、今回はビルドとArtifact Registryへのpush、およびCloud RunをCloud Buildにて一括で行う。

Cloud Shell エディタなどでcloudbuild.yamlを作成し、以下を記載する。

cloudbuid.yaml
steps:
# Build the container image
- name: 'gcr.io/cloud-builders/docker'
  args: ['build', '-t', 'us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest', '.']
# Push the container image to Artifact Registry
- name: 'gcr.io/cloud-builders/docker'
  args: ['push', 'us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest']
# Deploy the image to Cloud Run
- name: 'gcr.io/google.com/cloudsdktool/cloud-sdk'
  entrypoint: gcloud
  args: ['run', 'deploy', 'cloudruntest', '--image', 'us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest', '--region', 'us-central1']
images:
- us-central1-docker.pkg.dev/cloudruntest-410500/cloud-run-source-deploy/cloudruntest:latest

Cloud Shellに戻って、以下を実行。

cloud builds submit

エラーでコケた。

Step #2: ERROR: (gcloud.run.deploy) PERMISSION_DENIED: Permission 'run.services.get' denied on resource 'namespaces/cloudruntest-410500/services/cloudruntest' (or resource may not exist).

buildとArtifact Registryへのpushまではいけたが、Cloud Runがイメージを参照する権限が不足しているようだ。

こちらのリンクから、Cloud Run 管理者ロールを有効化し、続いて表示されるポップアップにてすべてのサービス アカウントにアクセス権を付与を選択し、再度コマンド実行。

cloud builds submit

Cloud Runにも最新imageが登録されていることと、URLにアクセスした際に表示が変わっていることが確認できる。

終わりに

Google Cloudの以下のサービスを使って、リモートでの開発、ビルド、テスト、公開までのステップを確認した。

  • Cloud Shell
  • Cloud Shell エディタ
  • Cloud Build
  • Cloud Run

ローカルに環境をインストールせずとも、開発から公開までスムーズにいけたので便利だった。また、権限周りなど変につまるところもなく、マニュアルも読みやすかったので、Google Cloudはユーザーフレンドリーな印象を受けた。
次のステップとして、Google Cloudの他のサービスと連携するようなものもやっていけると良いだろう。

忘れずに、今回作成したProjectは削除しておく。

0
0
0

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
Sign upLogin
0
0