旅行预订应用开发套件

ChatGPT推出的Apps SDK允许开发者在聊天界面内构建和运行交互式旅行预订应用,支持目的地搜索、酒店预订、支付集成和用户认证等功能。

  • by Ashot72
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Ashot72/chatgpt-full-travel-booking-app

使用说明

🚀 ChatGPT内的完整旅行预订应用程序

ChatGPT发布了 应用软件开发工具包,标志着人们与人工智能互动方式的重大演变!
现在,ChatGPT不仅仅是一个聊天机器人——它是一个 全平台 开发人员可以在其中构建和运行 直接在聊天室中的交互式应用程序.

凭借每周超过10亿用户的受众,应用程序有可能被庞大的用户群所看到。

🎯 在本视频中,我们将探索

  • 🌍 我们如何运营 ChatGPT内的完整旅行预订应用程序,每周可访问超过10亿用户
  • 🏨 应用程序如何连接到 通过RapidAPI预订API 搜索目的地和酒店
  • 💳 我们如何整合 条纹结账 用于安全测试模式支付
  • 🔐 如何 OAuth+谷歌登录 直接在ChatGPT内对用户进行身份验证
  • 🧭 提示如何动态加载多个 UI视图 对话中的(目的地、酒店、付款)
  • 🧩 如何 MCP路线 渲染小部件并将工具连接到后端
  • 🐞 现场演练 调试整个流程 从ChatGPT提示到后端工具执行
  • 🌐 如何 吸烟 在开发过程中将本地MCP服务器连接到ChatGPT
  • 📂 预订和付款方式 存储在MongoDB中 并在ChatGPT中检索

👉 链接和资源

💡 需求

你需要一个 ChatGPT Plus或Pro计划 开发和测试你的应用程序——免费用户还没有访问Apps SDK环境的权限。



🚀 克隆并运行

# Clone the repository
git clone https://github.com/Ashot72/chatgpt-full-travel-booking-app

# Navigate into the project directory
cd chatgpt-full-travel-booking-app

# Copy the environment template and add your actual API keys
cp env-template.txt .env.local

# Install dependencies
pnpm install

# Start the development server
pnpm run dev

# The app will be available at http://localhost:3000

🛠 VS代码调试

  • 打开 跑 视图(View → Run 或 Ctrl+Shift+D)访问所有调试配置。

📺 视频: YouTube上观看