howrealizdat/panama-vista-realty

# 🏝️ Panama Vista Realty — AI 房地产专属助手 这是一个为巴拿马豪华房地产网站打造的全栈 AI 专属助手：提供实时房源信息，并配备一名真正熟悉巴拿马房地产市场、外籍买家法律、居留权/签证项目以及投资策略的 AI 代理。每次 Claude API 调用都会通过 Netlify serverless 函数进行代理，因此 API 密钥**绝不**会暴露在浏览器中。 ▶ **在线演示：** https://luxury-tartufo-ffc74b.netlify.app *（设有密码门控 — 访问代码可按需索取）* ## 架构亮点 - **安全的密钥管理。** 所有 Anthropic API 调用都会通过 Netlify serverless 函数（`netlify/functions/chat.js`）进行路由，该函数会从服务端环境变量（`process.env.ANTHROPIC_API_KEY`）中注入密钥。密钥绝不会出现在客户端源代码中。重定向映射会将 `/api/chat` 指向该函数。 - **无框架，无构建步骤。** 整个前端是一个单一的 `index.html` 文件（HTML/CSS/JS）。 - **基于特定领域的代理。** 通过系统 prompt，助手掌握了关于巴拿马房产、外籍买家法律、签证/居留项目以及投资注意事项的真实业务知识 — 而不是一个通用的聊天机器人。 - **访问门控。** 一个轻量级的客户端密码界面用于控制谁可以访问该演示。*（此代码库中使用了一个占位符 `CORRECT_PASSWORD`；在线演示的真实代码可按需共享。）* ## 项目结构 - `index.html` — 完整的前端：房源 UI、AI 专属助手聊天界面以及访问门控。 - `netlify/functions/chat.js` — 使用服务端密钥调用 Anthropic API 的 serverless 代理。 - `netlify.toml` — Netlify 构建和重定向配置（`/api/chat` → 该函数）。 ## 自行运行 1. 在你的 Netlify 站点设置中添加 `ANTHROPIC_API_KEY` 环境变量。 2. 将此文件夹部署到 Netlify（函数目录在 `netlify.toml` 中设置）。 3. 在 `index.html` 中设置你自己的访问代码（`CORRECT_PASSWORD`）。 由 **Edmund Gray** 构建。

标签：AI智能助手, Claude API, Serverless, 后端开发, 多模态安全, 房地产, 数据可视化