首頁 > web前端 > js教程 > 使用 Vercel 的 AI SDK 和 Pica 的 OneTool 建置連接到無限 API 的 AI 代理

使用 Vercel 的 AI SDK 和 Pica 的 OneTool 建置連接到無限 API 的 AI 代理

Barbara Streisand
發布: 2025-01-23 02:35:09
原創
692 人瀏覽過

Build AI Agent Connected to Unlimited APIs with Vercel

在您的軟體專案中釋放無縫 API 互動的力量!本教學將指導您建立一個 AI 代理,該代理可以使用 Express、Vercel 的 AI SDK 和 Pica 的 AI 基礎設施輕鬆連接到多個 API。

先決條件

開始之前,請確保已安裝 Node.js 和 npm。您還需要 OpenAI API 金鑰和 Pica 金鑰。 建立一個新專案並安裝所需的套件:

<code class="language-bash">npm install express @ai-sdk/openai ai @picahq/ai dotenv</code>
登入後複製

接下來,在專案的根目錄中建立一個 .env 檔案並新增 API 金鑰:

<code>PICA_SECRET_KEY=your-pica-secret-key
OPENAI_API_KEY=your-openai-api-key
PORT=3000</code>
登入後複製

請記得將佔位鍵替換為您的實際鍵。

第 1 步:設定 Express 伺服器

建立server.js並建立一個基本的 Express 伺服器來處理 AI 互動:

<code class="language-javascript">import express from "express";
import { openai } from "@ai-sdk/openai";
import { generateText } from "ai";
import { Pica } from "@picahq/ai";
import * as dotenv from "dotenv";

dotenv.config();

const app = express();
const port = process.env.PORT || 3000;

app.use(express.json());

app.post("/api/ai", async (req, res) => {
  try {
    const { message } = req.body;
    const pica = new Pica(process.env.PICA_SECRET_KEY);
    const systemPrompt = await pica.generateSystemPrompt();

    const { text } = await generateText({
      model: openai("gpt-4o"),
      system: systemPrompt,
      tools: { ...pica.oneTool },
      prompt: message,
      maxSteps: 5,
    });

    res.setHeader("Content-Type", "application/json");
    res.status(200).json({ text });
  } catch (error) {
    console.error("Error:", error);
    res.status(500).json({ error: "Server error" });
  }
});

app.listen(port, () => {
  console.log(`Server listening on port ${port}`);
});

export default app;</code>
登入後複製

第 2 步:API 檢定

啟動你的伺服器。 您可以使用 /api/ai 或 Postman 檢定 curl 端點:

<code class="language-bash">curl --location 'http://localhost:3000/api/ai' \
--header 'Content-Type: application/json' \
--data '{ "message": "What connections do I have access to?" }'</code>
登入後複製

預計會收到指示沒有可用連線的回應,直到您在 Pica 儀表板中設定連線為止。

理解程式碼

程式碼使用了幾個關鍵元件:

  1. Express:管理伺服器和路由。
  2. @ai-sdk/openaiai: 處理 OpenAI API 呼叫。
  3. @picahq/ai: 提供對 Pica 基礎設施的存取。
  4. dotenv:.env 檔案安全載入 API 金鑰。
  5. /api/ai端點初始化Pica,產生系統提示,處理使用者的訊息,並傳回AI的回應。

第 3 步:後續步驟與部署

  • 增強功能:為生產環境實現身分驗證和速率限制。
  • 擴充:利用 Pica 的附加工具連接到更廣泛的 API 和資料來源。
  • 部署:將您的伺服器部署到 Vercel 或 AWS 等平台,以實現更廣泛的可存取性。

結論

您已經成功為可以與眾多 API 互動的 AI 代理奠定了基礎。 在此基礎上進行擴展,以自動執行任務、處理複雜的請求以及與其他服務無縫整合。 請隨時分享您的問題或在 Twitter 上聯繫! 快樂編碼!

以上是使用 Vercel 的 AI SDK 和 Pica 的 OneTool 建置連接到無限 API 的 AI 代理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板