Contoso 房地产企业应用入门

  • 项目

Contoso 房地产应用程序包含用于生成企业级现代可组合前端（或微前端）和云原生应用程序的参考体系结构和组件。 它是一系列最佳做法、体系结构模式和功能组件，可用于生成新式 JavaScript 应用程序并将其部署到 Azure。

Contoso 房地产应用

Contoso 房地产企业应用允许 Contoso 公司的员工通过 Web 应用搜索预留搬迁住房。 此 Web 应用是 Contoso HR 和新员工或搬迁员工使用的内部工具。 经过身份验证的 Talent Manager 和新员工都可以与应用程序功能进行交互，而未经身份验证的用户可以访问其中的一些部分。

  • 实时学习：通过观看 Learn Live 会话了解有关此解决方案的详细信息。
  • Learn 集合：使用 Learn 集合了解有关此解决方案的详细信息。

先决条件

若要将此整个应用解决方案部署到 Azure，需要：

  • Azure 订阅 - 免费创建订阅
  • 一个 GitHub 帐户。 如果你没有帐户，可免费注册一个。
  • 无外设 CMS 的带状帐户
  • 用于付款的条带帐户

应用程序

Contoso 房地产应用有两个客户端应用程序， 门户 和博客。 该 博客 公开了新的房地产产品/服务，如果未进行身份验证，则可见。 门户应用需要身份验证才能查看、保留和支付列表费用。 单独的开发团队通过自己选择的技术堆栈来构建和支持此端到端体系结构。

公共博客与下一步：

博客及其 API 托管在 Azure 容器应用中。 博客内容从无头带带 CMS 提供，数据存储在 Azure Database for PostrgreSQL 中。 CMS 还存储房地产列表。 列表的属性图像存储在Azure Blob 存储中。

Screenshot of Contoso blog featuring information about technology, news, gastronomy, releases, and locations relevant to users of the HR relocation portal.

使用 Angular 保护门户客户端

门户托管在 Azure Static Web 应用中，其中包含来自 Azure Functions 应用的 API 支持。 它还使用 Azure Database for PostrgreSQL 中保存的列表。 门户通过社交提供商（如 Microsoft、Google 和 Facebook）提供身份验证。

Screenshot of Contoso portal featuring several property listings with images, descriptions, and prices.

用户登录并选择属性后，可以选择保留该属性，然后使用 Stripe 集成为其付费。

Screenshot of Contoso portal property page showing property images, details, and offering a user the ability to reserve the property with a payment form.

使用的其他 Azure 服务包括：

包

此应用程序分为多个包。 每个包描述了包中的一个方案，以及帮助你生成包并将其部署到 Azure 的分步说明。

包 技术堆栈
博客、 Blob-CMS 带有 Strapi CMS 的 Next.js 应用，这两个应用都托管在 Azure 容器应用中。
门户、 API 使用适用于后端的 Azure Functions API 应用从静态Web 应用托管的 Angular Web 门户。
条纹 在 Azure 容器应用中快速化 API 付款服务 API。
测试： 使用 Playwright 进行端到端测试。
文档 详细了解此端到端解决方案。

后续步骤

使用用户方案了解解决方案