App Spaces コンポーネントを追加する
Note
App Spaces はプレビュー段階です。
App Spaces は、Web アプリの作成と管理の複雑さを軽減する、開発者向けのインテリジェントなサービスです。 このガイドでは、既存の App Spaces アプリにコンポーネントを追加する方法について説明します。 コンポーネントには、バックエンド アプリ (Azure Container App)、フロントエンド アプリ (静的 Web アプリ)、またはデータベース (MariaDB、PostgreSQL、Qdrant) があります。
App Spaces では、コンポーネントの概念が使われます。 次の表では、App Spaces で使用されるコンポーネントの種類、アプリの種類、Azure サービスについて説明します。
コンポーネント タイプ | アプリの種類 | Azure サービス |
---|---|---|
アプリ コンポーネント | バックエンド | Azure Container Apps |
静的アプリ コンポーネント | フロントエンド | 静的 Web アプリ |
データベース コンポーネント | 該当なし | Azure Container Apps |
コンポーネントを追加する
App Space にコンポーネントを追加するには、[App Space] ページで [+ コンポーネントの追加] を選択します。
カスタム アプリ コンポーネントを追加するには、次の手順を実行します。
タブを追加
- [追加] タブで [GitHub リポジトリ] を選び、ページの下部にある [次へ] ボタンを選びます。
[Configure (構成)] タブ
[GitHub に接続してリポジトリをインポートする] セクションに次の値を入力します。
設定 アクション GitHub アカウント GitHub アカウントを選択します。 組織 自分の組織を選択します。 リポジトリ GitHub コード リポジトリを選びます。 リポジトリが見つからない場合は、GitHub で他のアクセス許可を有効にします。 [Branch]\(ブランチ) GitHub ブランチを選びます。 アプリの場所 GitHub リポジトリ内のコードの場所を入力します。 ルート ディレクトリには /
を使います。リッスン ポート Web サーバーがリッスンしているポートを指定します。 ポート 80 または 443 に対して行われる外部要求は、アプリケーションからサーバー コンテンツに対して内部的にこのポートにルーティングされます。 スタートアップ コマンド (省略可能) [詳細な構成] にスタートアップ コマンドを入力します。何も指定しない場合は空白のままにします。 [アプリの詳細を構成する] セクションに、次の値を入力します。
設定 アクション コンポーネント名 コンポーネントの名前を入力します。 ページの下部にある [追加] ボタンを選びます。
バックエンド アプリの場合、デプロイ時に App Spaces によって次のリソースが自動的に作成されます。
- Azure コンテナー アプリ環境
- Azure コンテナー アプリ
- 仮想ネットワーク + サブネット (仮想ネットワークのサブ リソース)
- GitHub Actions を使った継続的デプロイ
- リソース グループのスコープでユーザー割り当て ID に割り当てられる共同作成者 RBAC (ロールベースのアクセス制御) ロール (OpenID Connect の目的のため)
- Log Analytics ワークスペース
サンプル テンプレート アプリを追加するには、次の手順を実行します。
タブを追加
[追加] タブで [テンプレート] を選び、ページの下部にある [次へ] ボタンを選びます。
[テンプレート] でアプリを選び、ページの下部にある [次へ] ボタンを選びます。
[Configure (構成)] タブ
[GitHub に接続] セクションに次の値を入力します。
設定 アクション GitHub アカウント GitHub アカウントを選択します。 組織 自分の組織を選択します。 新しいリポジトリ 新しいリポジトリの名前を入力します。 [アプリの詳細を構成する] セクションに、次の値を入力します。
設定 アクション コンポーネント名 コンポーネントの名前を入力します。 ページの下部にある [追加] ボタンを選びます。
データベース コンポーネントを追加するには、次の手順を実行します。
タブを追加
- [追加] タブで [データベース] を選び、ページの下部にある [次へ] ボタンを選びます。
[Configure (構成)] タブ
[構成] タブに次の値を入力します。
設定 アクション データベースの種類 データベースの種類を選びます。 コンポーネント名 コンポーネントの名前を入力します。 ページの下部にある [追加] ボタンを選びます。