跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI 生图工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Python

豆包 AI API Key 获取及前端接入指南

豆包 AI API Key 获取及前端接入指南 介绍如何在火山方舟平台申请豆包 AI API Key,并接入 Vue3 前端项目。 一、豆包 AI API 申请平台 豆包 AI 的大模型能力统一在 **火山引擎·火山方舟(ARK)** 平台开放。 个人可申请 支持实名认证 新用户有免费调用额度 支持前端直接调用(配合代理更安全) 二、准备工作 打开火山引擎官网:https://www.volc…

追风少年发布于 2026/4/6更新于 2026/9/109.3K 浏览

豆包 AI API Key 获取及前端接入指南

本文介绍如何在火山方舟平台申请豆包 AI API Key,并接入 Vue3 前端项目。

一、豆包 AI API 申请平台

豆包 AI 的大模型能力统一在 火山引擎·火山方舟(ARK) 平台开放。

  • 个人可申请
  • 支持实名认证
  • 新用户有免费调用额度
  • 支持前端直接调用(配合代理更安全)

二、准备工作

  1. 打开火山引擎官网:https://www.volcengine.com/
  2. 手机号注册并登录
  3. 进入右上角「账号管理」→ 完成实名认证(个人即可,秒通过)

不实名认证无法使用 API 能力。

三、获取 API Key

步骤 1:进入火山方舟平台

登录后,顶部搜索框搜:火山方舟 或直接访问:https://console.volcengine.com/ark

图片

步骤 2:创建 API Key

  1. 左侧菜单找到:API 密钥管理
  2. 点击 创建 API Key
  3. 起个名字,例如:my-doubao-customer-service

创建成功后,立即复制保存 API Key 这个 key 只会显示一次!

图片

格式示例:

ek-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 

步骤 3:开通豆包 AI 模型

  1. 进入 模型管理中心
  2. 找到 豆包系列
  3. 推荐开通:
    • Doubao-lite-128k(轻量、免费额度足、适合客服)
    • Doubao-pro-256k(效果更好)

点击开通即可,无需复杂配置。

图片

步骤 4:创建「推理接入点」获取 Endpoint ID

API Key 是身份凭证,Endpoint ID 是你要调用的模型地址。

  1. 点击 创建推理接入点
  2. 填写名称:doubao-chat
  3. 选择刚才开通的豆包模型
  4. 地区选择:cn-beijing

创建 → 等待状态变为 运行中

图片

左侧进入:在线推理

图片

创建完成后,复制:

ep-xxxxxxxxxxxxxxx 

这就是你的 Endpoint ID。

四、关键凭证

你最终会获得:

  1. API Key
  2. Endpoint ID

把它们填进前端代码就能直接调用豆包 AI!

五、前端接入代码示例(Vue3)

// 豆包 AI 接口请求
const replyFromDoubaoAI = async (userText) => {
  try {
    const res = await axios.post('https://ark.cn-beijing.volces.com/api/v3/chat/completions', {
      model: "你的 EndpointID",
      messages: [{ role: "user", content: userText }]
    }, {
      headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer 你的 APIKey"
      }
    });
    return res.data.choices[0].message.content;
  } catch (err) {
    return 'AI 服务暂时不可用';
  }
}

六、常见问题

1. 调用报错 401

API Key 错误、未复制全、未开通模型。

2. 报错 404 / Model not found

Endpoint ID 不对,或模型未运行。

3. 免费额度能用多久?

个人新用户一般足够开发与小型项目使用。

4. 可以直接前端调用吗?

学习、演示可以; 正式上线建议 通过后端中转,避免 API Key 泄露。

七、总结

本文介绍了:

  • 了解豆包 AI API 申请平台
  • 获取 API Key
  • 开通豆包模型
  • 创建推理接入点
  • 获取 Endpoint ID
  • 前端接入代码示例

整个流程非常简单,只要跟着做,10 分钟内一定能跑通!

目录

  1. 豆包 AI API Key 获取及前端接入指南
  2. 一、豆包 AI API 申请平台
  3. 二、准备工作
  4. 三、获取 API Key
  5. 步骤 1:进入火山方舟平台
  6. 步骤 2:创建 API Key
  7. 步骤 3:开通豆包 AI 模型
  8. 步骤 4:创建「推理接入点」获取 Endpoint ID
  9. 四、关键凭证
  10. 五、前端接入代码示例(Vue3)
  11. 六、常见问题
  12. 1. 调用报错 401
  13. 2. 报错 404 / Model not found
  14. 3. 免费额度能用多久?
  15. 4. 可以直接前端调用吗?
  16. 七、总结

更多推荐文章

查看全部
  • Stable Diffusion 绘图功能详解:局部重绘与换装应用
  • 利用 QQ 私聊构建全自动化服务器运维助手
  • llama.cpp 量化模型部署:从模型转换到 API 服务
  • WAAPI:开启 Web 动画新纪元
  • Spring Boot 项目用户模块设计:注册登录、权限管控与敏感数据加密
  • QClaw 接入微信:AI 正从内容生成转向任务执行
  • 1877. 数组中最大数对和的最小值
  • 亮数据 MCP Server 与 Dify 集成实现实时影音数据采集
  • Jenkins 持续集成与持续部署核心架构解析
  • GitHub 热门项目日榜 (2026-03-01)
  • 基于 Selenium 的网页自动化操作实战教程
  • 前端流式输出实战:原理、方案与优化
  • 小爱音箱自定义固件开发指南:解锁开源智能家居功能
  • AIGC 浪潮下的 Model Context Protocol (MCP) 详解
  • Python Flask Web 开发实战:将本地成绩系统升级为在线应用
  • CSS 基础语法与界面布局实战指南
  • Agent Native 取代 Copilot:智能体重塑公司架构与组织
  • 解决 JavaScript 精度丢失:BigNumber.js 核心用法与场景
  • JavaAI 插件安装及实战开发指南
  • MCP 协议详解:AI 集成中的超级翻译官与核心原理

相关免费在线工具

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online