アプリケーション テンプレートを更新して再デプロイする

このクイックスタートでは、Memorystore for Redis コンポーネントを接続して、3 階層ウェブ アプリケーションを変更します。既存のテンプレートを更新し、アプリケーションを再デプロイして変更を確認します。このアプリケーションの更新により、データをキャッシュに保存してパフォーマンスを向上させることができます。

設計キャンバス内の 3 階層ウェブ アプリケーション。Memorystore for Redis コンポーネントが含まれています。このアプリケーションには、フロントエンド、バックエンド、データベース、キャッシュのコンポーネントが含まれています。

テンプレートを更新するには、次のいずれかを行います。

  • App Design Center のデザイン キャンバスでコンポーネントを追加して接続します。
  • Gemini Cloud Assist で自然言語プロンプトを使用します。

行った変更は、アプリケーションの Terraform コードに反映されます。このコードは、デプロイ前に確認できます。詳細については、での Terraform の概要をご覧ください Google Cloud

テンプレートを更新したら、アプリケーションをデプロイして変更を確認します。

始める前に

テンプレートを作成して確認するクイックスタートを完了します。

テンプレートにコンポーネントを追加する

App Design Center のデザイン キャンバスまたは Gemini Cloud Assist を使用してテンプレートを変更します。

デザイン キャンバス

  1. コンソールで [テンプレート] ページに移動します。 Google Cloud

    [テンプレート] に移動

  2. [quickstart-three-tier-web-app] テンプレートをクリックします。

  3. デザイン キャンバスで、[cloud-run-2] コンポーネントから [追加] をクリックし、 [Memorystore for Redis] を選択します。

Gemini Cloud Assist

  1. コンソールで [テンプレート] ページに移動します。 Google Cloud

    [テンプレート] に移動

  2. [quickstart-three-tier-web-app] テンプレートをクリックします。

  3. Google Cloud コンソールのツールバーで、 sparkGemini Cloud Assist チャットを開始または終了します」をクリックします。

    [Cloud Assist] パネルが開きます。

  4. Gemini Cloud Assist チャットに次のプロンプトを入力します。

    Update this template to include a backend cache.
    
  5. デザイン キャンバスで、更新されたデザインを確認し、[提案を受け入れる] をクリックします。

テンプレートに 4 つのコンポーネントが含まれるようになりました。コンポーネント間には、接続を表す線が表示されます。

アプリケーションの下書きを更新する

  1. デザイン キャンバスで、[アプリの設定] をクリックします。

  2. [クイックスタート 3 階層テスト] をクリックします。

  3. [保存] をクリックします。

アプリケーションの下書きが新しいテンプレートで更新されます。

新しいコンポーネントを構成する

  1. デザイン キャンバスで [memorystore-1] をクリックし、[構成] 領域で次の操作を行います。

    1. [**プロジェクト ID**] リストで、 テンプレートを作成して確認するで作成したデプロイ プロジェクトを選択します。

    2. [ゾーン] リストで us-central1-a を選択します。

    3. [名前] フィールドに「cache-redis」と入力します。

    4. [保存] をクリックします。

各コンポーネントに緑色のチェックマークが表示され、必要なパラメータが指定されていることが示されます。アプリケーションの下書きを TEST 環境に再デプロイして確認する準備ができました。

アプリケーションを再デプロイする

  1. [デプロイ] をクリックします。

  2. [サービス アカウントを選択] 領域で、次の操作を行います。

    1. [サービス アカウントを新規作成] をクリックします。

    2. [続行] をクリックします。

  3. アプリケーションの Terraform プランを確認する手順は次のとおりです。

    1. [プレビュー] をクリックします。数分後に Terraform プランが生成されます。

    2. アプリケーションの Terraform プランを確認します。

    3. [コピーして閉じる] をクリックします。

    4. コピーした Terraform をドキュメントに貼り付けます。

  4. [デプロイ] をクリックします。

数分後にアプリケーションがデプロイされ、プロジェクトにリソースが作成されます。次の詳細情報が表示されます。

  • App Hub へのリンク。デプロイされたリソースの詳細(モニタリング ダッシュボードへのリンクなど)が表示されます。
  • Cloud Build ログへのリンク。デプロイ エラーのトラブルシューティングに使用できます。
  • サービス URI などの出力。デプロイされたリソースを操作する際に使用できます。

クリーンアップ

このページで使用したリソースについて、 Google Cloud アカウントに課金されないようにするには、 次の手順を実施します。

デプロイされたアプリケーションを削除する

  1. ナビゲーション メニューで [アプリケーション] をクリックします。

    [アプリケーション] に移動

  2. テーブル内の [3 階層ウェブアプリのクイックスタート] をクリックします。

  3. [アクション] をクリックし、[アプリケーションを削除] を選択します。

  4. [削除] フィールドに「Quickstart three-tier web app」と入力します。

  5. [削除] をクリックします。

アプリケーションが削除されます。これには次のものが含まれます。

  • App Design Center からアプリケーションの詳細が削除されます。
  • 基盤となる App Hub アプリケーションが削除されます。
  • 基盤となるリソースが削除されます。

省略可: プロジェクトを削除する

テンプレートを作成して確認するクイックスタートで作成したデプロイ プロジェクトを削除する手順は次のとおりです。

  1. コンソールで [**リソースの管理**] ページに移動します。 Google Cloud

    [リソースの管理] に移動

  2. プロジェクト リストで、削除するプロジェクトを選択し、[削除] をクリックします。
  3. プロンプトでプロジェクト ID を入力し、[シャットダウン] をクリックします。

次のステップ