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

Application Design Center でアプリケーション テンプレートを更新すると、コンポーネントを追加または変更し、再デプロイする前に生成された Terraform on Google Cloud コードを確認できます。このクイックスタートでは、次の手順を行います。

  1. Gemini Cloud Assist のデザイン キャンバスまたは自然言語プロンプトを使用して、3 層ウェブ アプリケーション テンプレートを更新します。
  2. データ キャッシュ用に Memorystore for Redis コンポーネントを接続する。
  3. アプリケーションを再デプロイして、変更を確認します。

次の画像は、デザイン キャンバスで更新されたテンプレートを示しています。

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

始める前に

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

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

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 コンソールのツールバーで、spark「Gemini 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. [削除] をクリックします。

以下を含むアプリケーションが削除されます。

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

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

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

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

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

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

次のステップ