Contoso Real Estate Enterprise アプリの概要

[アーティクル]
11/17/2023

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 へのデプロイに役立つ詳細な手順が記載されています。

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 を使用したエンドツーエンドのテスト。
ドキュメント	このエンドツーエンドソリューションの詳細を確認します。

次のステップ

ユーザーシナリオを使用してソリューションを理解する

Share via