contoso-real-estate

contoso-real-estate

优化企业级JavaScript参考架构与Azure集成指南

介绍Contoso Real Estate项目:一种基于JavaScript的企业级参考架构,集成了OpenAI智能、Azure Developer CLI模板以及Playwright测试。该架构展示了构建云原生应用及现代可组合前端的最佳实践和模式,支持Azure部署的JavaScript应用,以及从支付到实时通知的多种功能。

AzureJavaScriptContoso Real EstateAI chatbotPlaywrightGithub开源项目

Contoso Real Estate 项目介绍

Contoso Real Estate 项目是一个企业级的智能参考架构,它运用了JavaScript语言,集成了OpenAI和多个Azure服务。这一项目提供了一种现代化且组合式的前端结构,共同构建并部署到Azure云平台中。对于那些想要构建现代JavaScript应用程序的开发者来说,这项目提供了最佳实践、架构模式及丰富的功能组件。

项目支持的应用场景

Contoso Real Estate 项目包括以下应用示例场景:

  • AI 聊天机器人集成(RAG 模式)
  • 与 Stripe 的支付集成
  • 实时通知功能
  • 门户应用程序:包含房产列表、收藏夹、用户身份验证和个人资料功能
  • 无头CMS和博客

系统架构

该项目提供了一个完整的企业级 JavaScript 参考架构,涉及前端、后端、开发运维和开发者工具组件的使用。

前端组件

  • Angular:用于查看和预订房源的门户应用。
  • Next.js:用于查看和创建博客文章的博客应用。
  • Playwright:用于门户应用的端到端测试。
  • Azure Static Web Apps:用于托管门户应用。

后端组件

  • Strapi:用于管理门户和博客应用数据的CMS。
  • Stripe:用于支付处理服务。
  • Fastify:用作Stripe API和门户应用接口的API。
  • Azure Functions:用于与门户应用通信的API。
  • Azure Cosmos DB的MongoDB:用于存储门户应用的数据。
  • Azure PostgreSQL数据库:用于存储CMS应用的数据。
  • Azure Storage:用于存储CMS和博客应用的数据。
  • Azure Container Apps:用于托管博客、Stripe和Strapi API。
  • Azure Application Insights:用于应用程序和API的日志访问及性能监测。

开发环境

该项目优化用于GitHub Codespaces,这是一个托管在GitHub云上的开发环境。以下是开始使用的步骤:

  1. 复制该项目仓库。
  2. 从你复制的版本创建一个新的GitHub Codespaces。这将自动生成一个包含所有必备依赖项的环境。
  3. 打开终端运行npm install && npm start,启动开发服务器。

AI 聊天机器人集成

Contoso Real Estate应用程序可以与一个使用 Azure OpenAI 构建的AI支持聊天机器人集成,以提供智能帮助和支持。

使用成本

GitHub Codespaces的使用是需要付费的,每日配额和使用限制会根据个人或者组织账户的类型而有所不同。

项目结构

项目使用npm工作区,其结构如下:

  • packages/:包含所有的软件包
    • api:包含无服务器的Azure Functions API。
    • portal:包含Angular网络门户。
    • blog:包含Next.js博客。
    • blog-cms:包含Strapi CMS。
    • docs:包含开发者指南网站内容。
    • stripe:包含Stripe webhook。
    • testing:包含Playwright测试。

部署到Azure

本项目使用Azure Developer CLI (azd)来配置基础设施、打包和部署应用程序到Azure。按照以下步骤开始部署:

  1. 登录到azd,首次使用每台设备需要进行一次。
  2. 运行azd provision进行基础设施配置。
  3. 运行azd deploy进行应用部署。

CI/CD 配置

可以通过运行以下命令来配置CI/CD流水线:

azd pipeline config --auth-type client-credentials

清理资源

完成之后,可以通过以下命令删除用此模板创建的所有Azure资源:

azd down

开发者指南

项目提供了一个独立的开发者指南(Developer Guide),可以在packages/docs路径下找到,并实现为一个互动网站。更多信息请查看这里

想要贡献?

如果你想要报告一个错误、贡献一些代码,或者改进文档,非常欢迎!请查阅我们的贡献指南并查看我们的代码问题列表

编辑推荐精选

音述AI

音述AI

全球首个AI音乐社区

音述AI是全球首个AI音乐社区,致力让每个人都能用音乐表达自我。音述AI提供零门槛AI创作工具,独创GETI法则帮助用户精准定义音乐风格,AI润色功能支持自动优化作品质感。音述AI支持交流讨论、二次创作与价值变现。针对中文用户的语言习惯与文化背景进行专门优化,支持国风融合、C-pop等本土音乐标签,让技术更好地承载人文表达。

QoderWork

QoderWork

阿里Qoder团队推出的桌面端AI智能体

QoderWork 是阿里推出的本地优先桌面 AI 智能体,适配 macOS14+/Windows10+,以自然语言交互实现文件管理、数据分析、AI 视觉生成、浏览器自动化等办公任务,自主拆解执行复杂工作流,数据本地运行零上传,技能市场可无限扩展,是高效的 Agentic 生产力办公助手。

lynote.ai

lynote.ai

一站式搞定所有学习需求

不再被海量信息淹没,开始真正理解知识。Lynote 可摘要 YouTube 视频、PDF、文章等内容。即时创建笔记,检测 AI 内容并下载资料,将您的学习效率提升 10 倍。

AniShort

AniShort

为AI短剧协作而生

专为AI短剧协作而生的AniShort正式发布,深度重构AI短剧全流程生产模式,整合创意策划、制作执行、实时协作、在线审片、资产复用等全链路功能,独创无限画布、双轨并行工业化工作流与Ani智能体助手,集成多款主流AI大模型,破解素材零散、版本混乱、沟通低效等行业痛点,助力3人团队效率提升800%,打造标准化、可追溯的AI短剧量产体系,是AI短剧团队协同创作、提升制作效率的核心工具。

seedancetwo2.0

seedancetwo2.0

能听懂你表达的视频模型

Seedance two是基于seedance2.0的中国大模型,支持图像、视频、音频、文本四种模态输入,表达方式更丰富,生成也更可控。

nano-banana纳米香蕉中文站

nano-banana纳米香蕉中文站

国内直接访问,限时3折

输入简单文字,生成想要的图片,纳米香蕉中文站基于 Google 模型的 AI 图片生成网站,支持文字生图、图生图。官网价格限时3折活动

扣子-AI办公

扣子-AI办公

职场AI,就用扣子

AI办公助手,复杂任务高效处理。办公效率低?扣子空间AI助手支持播客生成、PPT制作、网页开发及报告写作,覆盖科研、商业、舆情等领域的专家Agent 7x24小时响应,生活工作无缝切换,提升50%效率!

堆友

堆友

多风格AI绘画神器

堆友平台由阿里巴巴设计团队创建,作为一款AI驱动的设计工具,专为设计师提供一站式增长服务。功能覆盖海量3D素材、AI绘画、实时渲染以及专业抠图,显著提升设计品质和效率。平台不仅提供工具,还是一个促进创意交流和个人发展的空间,界面友好,适合所有级别的设计师和创意工作者。

图像生成AI工具AI反应堆AI工具箱AI绘画GOAI艺术字堆友相机AI图像热门
码上飞

码上飞

零代码AI应用开发平台

零代码AI应用开发平台,用户只需一句话简单描述需求,AI能自动生成小程序、APP或H5网页应用,无需编写代码。

Vora

Vora

免费创建高清无水印Sora视频

Vora是一个免费创建高清无水印Sora视频的AI工具

下拉加载更多