Login
Back to Blog

一個 API Key 呼叫 GPT、Claude、Gemini:5 分鐘設定教學

C
Crazyrouter Team
May 22, 2026
2 views中文Tutorial
Share:

一個 API Key 呼叫 GPT、Claude、Gemini:5 分鐘設定教學#

如果你正在台灣開發 AI 產品,常見情境可能是:一開始先接 OpenAI,後來想測 Claude 的長文理解,再測 Gemini 的速度或多模態能力。問題是,每多接一個供應商,就多一組 API key、一套 SDK、一種錯誤格式與一份維護成本。

比較實際的做法,是把模型供應商整合到同一個 OpenAI 相容 API gateway 後面。你的應用程式只需要記住一個 endpoint 和一個 API key,再透過 model 參數切換 GPT、Claude 或 Gemini。

這篇教學會用 Crazyrouter 示範一個簡單、可落地的設定方式。

適合什麼情境?#

這種做法特別適合:

  • 想在同一個產品流程中比較不同模型。
  • 已經使用 OpenAI SDK,但希望測試 Claude 或 Gemini。
  • 不想在後端管理多組供應商密鑰。
  • 希望之後加入 fallback model,提升穩定性。
  • 團隊想先快速驗證,再決定長期模型策略。

1. 建立 API Key#

先閱讀文件介紹,再照 quickstart 建立 API key:

在本機開發時,可以先放到環境變數:

bash
export CRAZYROUTER_API_KEY="cr_..."

正式環境請放在部署平台的 secret manager,不要寫死在程式碼,也不要放到前端。

2. 設定 OpenAI 相容 endpoint#

如果你使用 Node.js,先安裝 OpenAI SDK:

bash
npm install openai

接著建立 client,重點是設定 baseURL

js
import OpenAI from "openai";

const client = new OpenAI({
  apiKey: process.env.CRAZYROUTER_API_KEY,
  baseURL: "https://crazyrouter.com/v1",
});

const completion = await client.chat.completions.create({
  model: "openai/gpt-4o-mini",
  messages: [
    { role: "system", content: "你是簡潔清楚的技術助理。" },
    { role: "user", content: "用三句話解釋 AI API gateway 的用途。" },
  ],
});

console.log(completion.choices[0].message.content);

如果你原本的程式已經使用 OpenAI SDK,通常只需要改 API key 與 baseURL,不一定要大改架構。

3. 切換 GPT、Claude、Gemini#

接著可以用同一段 prompt 測不同模型:

js
const messages = [
  { role: "user", content: "幫我把這段客服訊息整理成一句摘要:客戶反映付款頁面一直逾時。" },
];

const models = [
  "openai/gpt-4o-mini",
  "anthropic/claude-3-5-haiku",
  "google/gemini-1.5-flash",
];

for (const model of models) {
  const result = await client.chat.completions.create({ model, messages });
  console.log(`\n--- ${model} ---`);
  console.log(result.choices[0].message.content);
}

這樣做的好處是,你可以用真實產品資料評估模型,而不是只看 benchmark。

4. Python 範例#

Python 的設定也很接近:

python
import os
from openai import OpenAI

client = OpenAI(
    api_key=os.environ["CRAZYROUTER_API_KEY"],
    base_url="https://crazyrouter.com/v1",
)

response = client.chat.completions.create(
    model="anthropic/claude-3-5-haiku",
    messages=[
        {"role": "system", "content": "你是技術文件寫作助理。"},
        {"role": "user", "content": "幫我寫一段 API 更新說明。"},
    ],
)

print(response.choices[0].message.content)

5. 上線前建議加上的保護#

正式接到產品流程前,建議至少加上這幾件事:

  1. Timeout:避免請求卡住太久。
  2. Retry with backoff:暫時性錯誤可以重試,但不要無限重試。
  3. Model logging:記錄模型名稱、延遲、錯誤與大致成本。
  4. Fallback:非關鍵流程可以準備備援模型。

例如:

js
async function askWithFallback(messages) {
  const candidates = ["openai/gpt-4o-mini", "google/gemini-1.5-flash"];

  for (const model of candidates) {
    try {
      return await client.chat.completions.create({ model, messages });
    } catch (error) {
      console.warn(`模型失敗:${model}`, error.message);
    }
  }

  throw new Error("所有模型都呼叫失敗");
}

下一步#

先挑一個低風險功能測試,例如摘要、分類、客服草稿、內部報表或搜尋 query rewrite。用相同 prompt 跑 GPT、Claude、Gemini,觀察品質、延遲與成本,再決定預設模型。

完整設定流程可以從 Crazyrouter quickstart 開始。

Implementation Guides

Topics

Tutorial

Related Posts

Kimi K2 使用指南 2026:Agent 开发与 Tool Calling 实战Tutorial

Kimi K2 使用指南 2026:Agent 开发与 Tool Calling 实战

Kimi K2 Agent 开发完整指南,涵盖 Tool Calling 实战、Function Calling 代码示例、与 Claude/GPT 对比,以及通过 Crazyrouter 低成本接入 Kimi K2 API 的方法。

Apr 29
如何通过 API 访问 GPT-5 和 GPT-5.2 —— 完整开发者指南Tutorial

如何通过 API 访问 GPT-5 和 GPT-5.2 —— 完整开发者指南

了解如何通过统一 API 访问 OpenAI 最新的 GPT-5、GPT-5.2 和 o3-pro 模型。包含使用 Python、Node.js 和 curl 的分步示例。

Jan 23
Gemini CLI 使用教程 2026:开发者从安装到实战Tutorial

Gemini CLI 使用教程 2026:开发者从安装到实战

一篇面向开发者的 Gemini CLI 使用教程,包含安装、配置、代码示例、价格对比,以及如何通过 Crazyrouter 接入多模型。

Mar 15
Gemini CLI 使用教程 2026:团队开发、长上下文与代理配置Tutorial

Gemini CLI 使用教程 2026:团队开发、长上下文与代理配置

这是一篇面向开发者的 Gemini CLI 使用教程,涵盖安装、代理配置、团队协作、长上下文工作流,以及如何接入 Crazyrouter 统一 API。

Mar 24
Crazyrouter 调用日志与消费对账:团队如何查看、导出和管理 AI API 消费明细Tutorial

Crazyrouter 调用日志与消费对账:团队如何查看、导出和管理 AI API 消费明细

Crazyrouter 支持完整的调用日志查询、消费明细导出、按 Key/模型/时间筛选统计。本文介绍如何使用这些功能做团队消费管理和项目经费核算。

Apr 16
Claude Opus 4.7 vs Opus 4.6 实测对比:7 项测试跑完后,我发现升级最值的是 coding 和 debugTutorial

Claude Opus 4.7 vs Opus 4.6 实测对比:7 项测试跑完后,我发现升级最值的是 coding 和 debug

通过 Crazyrouter 对 Claude Opus 4.7 与 Opus 4.6 做 7 项真实场景对比,发现 coding、debug、数学推理和创作提升最明显。

Apr 16