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

获取豆包 AI API Key 并接入前端项目

介绍如何在火山方舟平台获取豆包 AI API Key 及 Endpoint ID,并提供 Vue3 前端接入代码示例。涵盖实名认证、API Key 创建、模型开通、推理接入点配置及常见问题解答,支持开发与小型项目使用。

技术博主发布于 2026/4/5更新于 2026/9/1196 浏览

获取豆包 AI API Key 并接入前端项目

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

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

左侧进入:在线推理

创建完成后,复制:

ep-xxxxxxxxxxxxxxx 

这就是你的 Endpoint ID。

三、前端接入代码示例(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 Key 及 Endpoint ID,并提供了前端接入代码示例。整个流程简单,10 分钟内可跑通。

目录

  1. 获取豆包 AI API Key 并接入前端项目
  2. 一、准备工作
  3. 二、正式获取 API Key
  4. 步骤 1:进入火山方舟平台
  5. 步骤 2:创建 API Key
  6. 步骤 3:开通豆包 AI 模型
  7. 步骤 4:创建「推理接入点」获取 Endpoint ID
  8. 三、前端接入代码示例(Vue3)
  9. 四、常见问题
  10. 五、总结

更多推荐文章

查看全部
  • Whisper 安装与配置指南:环境搭建与验证
  • Linux 网络基础:局域网通信与跨网段传输
  • Web 开发中五种核心加密算法实战与原理
  • GitHub 入门指南:Git 区别、核心操作与协作流程
  • 无人机路径规划技术:A*算法与 GPS 定位实现
  • 2025 年主流 AI 写作工具横向对比与选择指南
  • Python 科赫雪花绘制:数学原理与 turtle 实现
  • C++ 哈希表封装实战:模拟实现 unordered_map 与 unordered_set
  • CSS 元素显示模式详解:块级、行内与行内块
  • 开源 AI 伴侣:从技术选型到生产环境部署的完整指南
  • Hugo + Github + Cloudflare Pages 搭建个人博客
  • SpringBoot 集成 RabbitMQ 常见消息模式示例
  • 基于 LangChain-Chatchat 和 ChatGLM3 搭建私有化知识库实战
  • 阿里云百炼无代码搭建 AI Agent 全指南:知识库与智能体配置详解
  • Qwen-Multiple-Angles 多视角图像生成插件详解
  • KLayout 开源版图工具高效实战指南
  • Kiro AI 助手使用指南
  • 2026主流AI大模型横评与选型指南
  • Apache Tomcat曝三大安全漏洞,最严重可致远程代码执行(CVE-2025-55752)
  • Spring Boot 整合 WebService 客户端:基于 WSDL 自动生成代码

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online