クイック スタート: App Spaces を使用してアプリをデプロイする
Note
App Spaces はプレビュー段階です。
このクイックスタートでは、GitHub に接続し、App Spaces を使用してお勧めの Azure サービスにコードをデプロイする方法について説明します。 詳細については、App Spaces の概要を参照してください。
App Spaces では、コンポーネントの概念が使用されます。 次の表では、App Spaces で使用されるコンポーネントの種類、アプリの種類、Azure サービスについて説明します。
| コンポーネント タイプ | アプリの種類 | Azure サービス |
|---|---|---|
| アプリ コンポーネント | バックエンド | Azure Container Apps |
| 静的アプリ コンポーネント | フロントエンド | 静的 Web アプリ |
| データベース コンポーネント | 該当なし | Azure Container Apps |
前提条件
リポジトリを App Spaces にデプロイするには、次の項目が必要です。
- Azure アカウントとサブスクリプション
- GitHub リポジトリ。 独自のリポジトリがない場合は、App Spaces サンプル アプリのデプロイに関する記事を参照してください。
- 選択した GitHub リポジトリへの書き込みアクセス (GitHub Actions 用)。
アプリを選択する
GitHub リポジトリからアプリをデプロイするには、次の手順に従います。
- Azure ポータルにアクセスします。
- 検索バーで「app spaces」を検索し、結果から選択します。
- [App Services] ページで、[+ App Space の作成] を選択します。
- [新しい App Space の作成] ページの [GitHub リポジトリからコードをデプロイする] セクションで、[GitHub リポジトリ] を選択します。
GitHub に接続してリポジトリをインポートする
- [GitHub に接続してリポジトリをインポートする] セクションに次の値を入力します。
| 設定 | アクション |
|---|---|
| GitHub アカウント | GitHub アカウントを選択します。 |
| 組織 | 自分の組織を選択します。 |
| リポジトリ | GitHub コード リポジトリを選びます。 リポジトリが見つからない場合は、GitHub で他のアクセス許可を有効にする必要があります。 |
| [Branch]\(ブランチ) | GitHub ブランチを選びます。 |
| アプリの場所 | GitHub リポジトリ内のコードの場所を入力します。 ルート ディレクトリには / を使います。 |
| リッスン ポート | Web サーバーがリッスンしているポートを指定します。 ポート 80 または 443 に対して行われる外部要求は、アプリケーションからサーバー コンテンツに対して内部的にこのポートにルーティングされます。 |
| スタートアップ コマンド (省略可能) | [詳細な構成] に、スタートアップ コマンドを入力します。 |
アプリの詳細を構成する
[アプリの詳細を構成する] セクションに、次の値を入力します。
設定 アクション App Space 名 「 myCustomAppSpace」と入力します。サブスクリプション サブスクリプションを選択します。 リージョン 自分のリージョンを選択します。 [App Space のデプロイ] ページの下部にある [デプロイ] ボタンを選択します。
デプロイが完了するまでに数分かかる場合があります。 デプロイ中、App Spaces は GitHub Actions を使用して、リポジトリ内のコードに基づいて Azure サービスにデプロイします。 Azure サービスは、Container App (アプリ コンポーネント) または Static Web App (静的アプリ コンポーネント) のいずれかです。 アプリの [デプロイ] タブに移動して、コードのデプロイ ログを表示します。
バックエンド アプリの場合、App Spaces はデプロイ時に次のリソースを自動的に作成します。
- Azure コンテナー アプリ環境
- Azure コンテナー アプリ
- 仮想ネットワーク + サブネット (仮想ネットワークのサブ リソース)
- GitHub Actions を使った継続的デプロイ
- リソース グループのスコープでユーザー割り当て ID に割り当てられる共同作成者 RBAC (ロールベースのアクセス制御) ロール (OpenID Connect の目的のため)
- Log Analytics ワークスペース
リソースをクリーンアップする
サンプル アプリを使い終わったら、Azure からすべての App Spaces リソースを削除できます。 追加料金の発生が避けられ、Azure サブスクリプションの整合性を維持できます。 アプリのすべての Azure リソースを最もすばやく削除する方法は、App Spaces を削除することです。
- App Space ページで、[Space の削除] を選択して、App Spaces とそれに関連付けられているリソースを削除します。