本节课代码：https://github.com/AI-FE/private-component-codegen/tree/第24课

上节，基于 OpenAI SDK 实现 RAG API 的逻辑。

本节，对接 RAG API，拼装业务组件进行页面的对接联调。

新建一个第 24 课的分支。

git checkout -b 第24课

1. 补全拼装 OpenAI 页面所需要的业务组件 mock

打开app/openai-sdk/index.tsx文件（让 cursor tab 直接补全所需要的业务组件 mock）

详操见视频课程

2. 让 AI 基于 mock 的业务组件以及 API 进行数据的对接和联调

打开app/openai-sdk/index.tsx文件，让 cursor agent composer 基于以下 prompt 生成代码：

<!-- 提前打开所依赖的文件，并全部添加到cursor的context中 -->

对接 OpenAI API 数据

详操见视频课程