Giới thiệu
Hướng dẫn trên Vercel Knowledge Base về xây dựng ứng dụng chủ MCP Apps bằng AI SDK. Hướng dẫn cho thấy cách `@ai-sdk/mcp` và `@ai-sdk/react` tách công cụ mà mô hình có thể thấy khỏi công cụ chỉ dành cho ứng dụng, đọc tài nguyên `ui://` và kết xuất UI công cụ có tính tương tác trong iframe được cô lập bằng sandbox với `experimental_MCPAppRenderer`.
Tóm tắt
Ý nghĩa của hướng dẫn này:
1. Triển khai ứng dụng chủ cụ thể: Đưa MCP Apps từ khái niệm giao thức đến cách kết nối ứng dụng React hoạt động được
2. Mô hình hiển thị công cụ: Trình bày cách tách biệt các công cụ hiển thị cho mô hình và các công cụ hiển thị cho ứng dụng
3. Luồng kết xuất tài nguyên: Cho thấy cách ứng dụng chủ đọc tài nguyên `ui://` và kết xuất HTML an toàn
4. Ranh giới bảo mật: Nhấn mạnh việc kết xuất trong iframe được cô lập bằng sandbox và chuyển tiếp những lời gọi công cụ được phép
5. Phù hợp với bộ sưu tập: Bổ sung cho mục tiêu chuẩn MCP Apps một hướng tích hợp Vercel AI SDK hiện tại
1. Triển khai ứng dụng chủ cụ thể: Đưa MCP Apps từ khái niệm giao thức đến cách kết nối ứng dụng React hoạt động được
2. Mô hình hiển thị công cụ: Trình bày cách tách biệt các công cụ hiển thị cho mô hình và các công cụ hiển thị cho ứng dụng
3. Luồng kết xuất tài nguyên: Cho thấy cách ứng dụng chủ đọc tài nguyên `ui://` và kết xuất HTML an toàn
4. Ranh giới bảo mật: Nhấn mạnh việc kết xuất trong iframe được cô lập bằng sandbox và chuyển tiếp những lời gọi công cụ được phép
5. Phù hợp với bộ sưu tập: Bổ sung cho mục tiêu chuẩn MCP Apps một hướng tích hợp Vercel AI SDK hiện tại
Thẻ
vercelai-sdkmcp-appsreactimplementation