次の方法で共有

App Spaces のコンポーネントを管理する

  • [アーティクル]

Note

App Spaces はプレビュー段階です。

App Spaces のコンポーネントを管理するには、[App Spaces] ページでコンポーネントを選択します。

App Spaces では、コンポーネントの概念が使用されます。 次の表では、App Spaces で使用されるコンポーネントの種類、アプリの種類、Azure サービスについて説明します。

コンポーネント タイプ アプリの種類 Azure サービス
アプリ コンポーネント バックエンド Azure Container Apps
静的アプリ コンポーネント フロントエンド 静的 Web アプリ
データベース コンポーネント 該当なし Azure Container Apps

展開

App Spaces の [デプロイ] セクションでは、すべてのデプロイ アクティビティの詳細ログが提供され、GitHub Actions を使用してデプロイ プロセスが自動化されます。 必要に応じて、アプリケーションを再デプロイできます。 このセクションには、[ワークフロー実行] ログも含まれています。このログは、ジョブの設定から、Azure へのログイン、ブランチのチェックアウト、レジストリへのコンテナー イメージのプッシュ、ジョブの完了までのデプロイ プロセスを、順を追って追跡します。 GitHub Actions を利用したこの詳細なワークフローにより、透明性が確保され、デプロイのタイムラインに関する分析情報が提供されるため、デプロイの管理とトラブルシューティングが容易になります。

展開

App Spaces の [デプロイ] セクションでは、すべてのデプロイ アクティビティの詳細ログが提供され、GitHub Actions を使用してデプロイ プロセスが自動化されます。 必要に応じて、アプリケーションを再デプロイできます。 このセクションには、[ワークフロー実行] ログも含まれています。このログは、ジョブの設定から、Azure へのログイン、ブランチのチェックアウト、レジストリへのコンテナー イメージのプッシュ、ジョブの完了までのデプロイ プロセスを、順を追って追跡します。 GitHub Actions を利用したこの詳細なワークフローにより、透明性が確保され、デプロイのタイムラインに関する分析情報が提供されるため、デプロイの管理とトラブルシューティングが容易になります。

ログ

App Spaces には、静的アプリ コンポーネント用の堅牢なログ機能が用意されており、過去 1 時間から過去 30 日間までの期間の範囲でフィルター処理することができます。 ログは、[ログ設定] ボタンを使用して有効にすることができ、さまざまな構成オプションが提供されます。 [自動] 設定を使用すると、HTTP 要求、グローバル エラー、使用状況分析のログが自動的に収集されます。 追跡をさらにカスタマイズするには、[npm パッケージを使用して手動] オプションを選択し、IntelliSense を使用してカスタム イベント追跡を設定できます。 または、[React および Angular プラグインを使用して手動] オプションを選択すると、プレースホルダー YOUR_CONNECTION_STRING を実際の接続文字列に置き換えて接続文字列を構成し、テレメトリ データの送信先を定義できます。 これらの柔軟性に富んだログ オプションにより、特定のニーズに合わせた包括的な監視と分析を確実に行うことができます。

[詳細クエリで開く] を選択して、[Log Analytics ワークスペース] に移動します。

Application Insights については、「Application Insights JavaScript SDK のフレームワーク拡張機能を有効にする」を参照してください。

ログ

システム ログを選択して、サービスレベルのイベントを確認するか、コンソール ログを選択してコードをデバッグします。 詳細については、「Log Analytics でクエリを使用する」を参照してください。

[詳細クエリで開く] を選択して、[Log Analytics ワークスペース] に移動します。

メトリック

このタブには、Static Web Apps に関するメトリックが、2 つの主要なグラフ (要求と送信データ) で表示されます。

  • 要求グラフは、静的 Web アプリに対して行われた HTTP 要求の数を追跡し、トラフィックとユーザー アクティビティに関する分析情報を提供します。
  • 送信データ グラフは、アプリからユーザーに転送されたデータ量を測定します。これは、帯域幅の使用状況を把握するのに役立ちます。 これらのメトリックをフィルター処理して、さまざまな時間の範囲でデータを表示できます。

メトリック

このタブには、Azure Container Apps に関するメトリックが、3 つの主要なグラフ (要求、CPU 使用率 (ナノコア単位)、メモリ ワーキング セット (バイト単位)) で表示されます。

  • 要求グラフは、アプリに対して行われた HTTP 要求が視覚的に表し、アプリのトラフィックとユーザー エンゲージメントに関する貴重な分析情報を提供します。
  • CPU 使用率 (ナノコア単位) グラフは、アプリの CPU 使用率をナノコア単位で示します。これは、リソース消費の監視とパフォーマンスの最適化に役立ちます。
  • メモリ ワーキング セット (バイト単位) グラフは、アプリのメモリ使用率を表示します。これにより、ユーザーは、メモリ使用率の傾向を追跡し、メモリ関連の潜在的な問題を特定できます。

設定

[設定] タブは、全般、ドメイン、ルート、認証の 4 つの主要なカテゴリに分かれています。

[設定] タブは、全般、環境変数、シークレットの 3 つのカテゴリに分かれています。

  • [全般] セクションには、アプリ空間内で簡単に識別できるコンポーネント名の定義、受信接続を管理するためのリッスン ポートの指定、データベースへのネットワーク トラフィックのルーティングを制御するためのイングレス設定の構成などのオプションがあります。
  • [環境変数] セクションでは、基本的な環境固有の変数を設定できます。たとえば、データベース ユーザー名、接続文字列、マウント場所をはじめ、シームレスなデータベースに不可欠なその他のパラメーターなどです。
  • [シークレット] セクションは、キーと値のペアを入力して機密データを格納するためのセキュリティで保護されたリポジトリを提供します。 これらのシークレットは、環境変数によって参照できるため、データベース コンポーネント内の機密情報を確実に保護できます。

[設定] タブは、全般、環境変数、シークレットの 3 つのカテゴリに分かれています。

  • [全般] セクションには、アプリ空間内で簡単に識別できるコンポーネント名の定義、受信接続を管理するためのリッスン ポートの指定、データベースへのネットワーク トラフィックのルーティングを制御するためのイングレス設定の構成などのオプションがあります。
  • [環境変数] セクションでは、基本的な環境固有の変数を設定できます。たとえば、データベース ユーザー名、接続文字列、マウント場所をはじめ、シームレスなデータベースに不可欠なその他のパラメーターなどです。
  • [シークレット] セクションは、キーと値のペアを入力して機密データを格納するためのセキュリティで保護されたリポジトリを提供します。 これらのシークレットは、環境変数によって参照できるため、データベース コンポーネント内の機密情報を確実に保護できます。

Info

このタブには、次の詳細が表示されます。

名前 説明
URL アプリへの直接リンク
場所 アプリをホストする Azure リージョン
リソース グループ アプリを管理する特定のリソース グループ
価格 価格の詳細
リポジトリ アプリのソース コードに使用される GitHub リポジトリ
[Branch]\(ブランチ) アプリのソース コードに使用される GitHub ブランチ
サブスクリプション アプリが実行される Azure サブスクリプション
リソース名 App Spaces 内で使用される内部名

このタブには、次の詳細が表示されます。

名前 説明
URL アプリへの直接リンク
場所 アプリをホストする Azure リージョン
リソース グループ アプリを管理する特定のリソース グループ
価格 価格の詳細
リポジトリ アプリのソース コードに使用される GitHub リポジトリ
[Branch]\(ブランチ) アプリのソース コードに使用される GitHub ブランチ
サブスクリプション アプリが実行される Azure サブスクリプション
リソース名 App Spaces 内で使用される内部名

このタブには、次の詳細が表示されます。

名前 説明
URL アプリへの直接リンク
場所 アプリをホストする Azure リージョン
リソース グループ アプリを管理する特定のリソース グループ
価格 価格の詳細
サブスクリプション アプリが実行される Azure サブスクリプション
リソース名 App Spaces 内で使用される内部名

関連するコンテンツ