Contoso Real Estate Enterprise アプリの概要
Contoso Real Estate アプリケーションには、エンタープライズ レベルの最新のコンポーザブル フロントエンド (またはマイクロフロントエンド) とクラウドネイティブ アプリケーションを構築するための参照アーキテクチャとコンポーネントが含まれています。 これは、最新の JavaScript アプリケーションをビルドして Azure にデプロイするために使用できるベスト プラクティス、アーキテクチャ パターン、および機能コンポーネントのコレクションです。
Contoso の不動産アプリ
Contoso Real Estate エンタープライズ アプリを使用すると、Contoso 社の従業員は Web アプリを使用して予約移転住宅を検索できます。 この Web アプリは、Contoso HR と新入社員または従業員の再配置で使用される内部ツールです。 認証された Talent Manager と新規採用者はどちらもアプリケーション機能を操作できますが、認証されていないユーザーはアプリケーションの一部にアクセスできます。
- Learn Live: Learn Live セッションを見て、このソリューションの詳細を確認します。
- Learn Collection: Learn Collection を使用して、このソリューションの詳細を確認します。
前提条件
このアプリ ソリューション全体を Azure にデプロイするには、次のものが必要です。
- Azure サブスクリプション - 無料アカウントを作成します
- GitHub アカウント。 お持ちでない場合は、無料でサインアップしてください。
- ヘッドレス CMS のストラップ アカウント
- 支払い用の Stripe アカウント
アプリケーション
Contoso Real Estate アプリには、ポータルとブログという 2 つのクライアント アプリケーションがあります。 このブログでは、認証なしで表示される場合に、新しい不動産オファリングを公開しています。 ポータル アプリでは、登録情報を表示、予約、および支払うために認証が必要です。 個別の開発チームは、独自の技術スタックを選択して、このエンドツーエンドアーキテクチャを構築し、サポートしています。
次のパブリック ブログ:
ブログとその API は、Azure Container Apps からホストされています。 ブログコンテンツは、Azure Database for PostrgreSQL に格納されたデータを含むヘッドレスの Strapi CMS から提供されます。 CMS には、不動産情報も格納されます。 一覧のプロパティ イメージは、Azure Blob Storage に格納されます。
Angular を使用してポータル クライアントをセキュリティで保護する
ポータルは、Azure Functions アプリからの API サポートを備えた Azure Static Web アプリでホストされています。 また、Azure Database for PostrgreSQL に 保持されている一覧も使用します。 ポータルは、Microsoft、Google、Facebook などのソーシャル プロバイダーを介して認証を提供します。
ユーザーがサインインし、プロパティを選択したら、そのプロパティを予約し、Stripe 統合で支払うことを選択できます。
使用されるその他の Azure サービスは次のとおりです。
- キー、シークレット、証明書を格納するための Azure Key Vault
- ユーザー データを格納する Azure Cosmos DB
- API を保護、高速化、監視するための API を提供する Azure API Management
パッケージ
このアプリケーションは複数のパッケージに分かれています。 各パッケージには、パッケージの内容のシナリオと、パッケージのビルドと Azure へのデプロイに役立つ詳細な手順が記載されています。
Package | テクノロジ スタック |
---|---|
ブログ、 Blob-CMS | どちらも Azure Container アプリでホストされている、Strapi CMS を含む Next.js アプリ。 |
ポータル、 API | バックエンド用の Azure Functions API アプリを使用して Static Web Apps からホストされる Angular Web ポータル。 |
Stripe | Azure Container アプリの Fastify API Payment Service API。 |
テスト | Playwright を使用したエンド ツー エンドのテスト。 |
ドキュメント | このエンド ツー エンド ソリューションの詳細を確認します。 |
次のステップ
フィードバック
https://aka.ms/ContentUserFeedback」を参照してください。
以下は間もなく提供いたします。2024 年を通じて、コンテンツのフィードバック メカニズムとして GitHub の issue を段階的に廃止し、新しいフィードバック システムに置き換えます。 詳細については、「フィードバックの送信と表示