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

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

如何在火山方舟平台免费申请豆包 AI API Key 及推理接入点(Endpoint ID),并提供 Vue3 前端接入代码示例。流程包括实名认证、创建密钥、开通模型、配置接入点,最后通过 Axios 发起 HTTP 请求调用 AI 接口。适用于开发在线智能客服等功能,建议正式上线时通过后端中转以保障安全。

樱花落尽发布于 2026/4/6更新于 2026/5/2135 浏览

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

本文介绍如何在火山方舟平台免费申请豆包 AI API Key 及推理接入点(Endpoint ID),并提供 Vue3 前端接入代码示例。

一、先说清楚:豆包 AI API 在哪里申请?

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

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

二、准备工作(2 分钟完成)

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

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

三、正式获取 API Key(5 分钟搞定)

步骤 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 申请平台
  • 5 分钟获取 API Key
  • 开通豆包模型
  • 创建推理接入点
  • 获取 Endpoint ID
  • 前端接入代码示例

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

目录

  1. 豆包 AI API Key 获取与前端接入指南
  2. 一、先说清楚:豆包 AI API 在哪里申请?
  3. 二、准备工作(2 分钟完成)
  4. 三、正式获取 API Key(5 分钟搞定)
  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. 七、总结
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Office 区域不支持 Copilot 的解决方法
  • C++ STL 容器详解:map 与 set 的基本使用及底层原理
  • MySQL 核心数据类型深度解析
  • GESP 2026 年 3 月 C++ 一级真题解析:数字替换
  • C++98 实战:从零实现学生成绩管理系统
  • 电商导购 AI 大语言模型的技术选型与决策
  • 龙虾机器人(OpenClaw)本地部署技术指南
  • Linux 下 Git 版本控制实战:核心三板斧详解
  • GitNexus 代码库知识图谱技术方案分析
  • Claude Code Viewer: Web 端 Claude Code 会话管理工具
  • 前缀和算法:和为 k 的子数组与和可被 k 整除的子数组
  • 使用 OpenClaw 与飞书搭建专属 AI 机器人
  • C++ CAS 原子操作深度解析与实战
  • 深度对比 vLLM、SGLang 与 llama.cpp 推理引擎选型指南
  • GLM-5 与 Qwen3.5 大模型 API 调用教程
  • C++动态规划:从暴力搜索到最优解
  • Qwen2.5-Coder:阿里开源的个性化编程助手
  • Copilot实战:如何用AI助手高效完成1.5万行Python项目(附完整提示词模板)
  • 基于 Spark 与 Django 的电影票房预测及推荐系统
  • C++ STL 算法深度解析:从基础到 C++20 Ranges

相关免费在线工具

  • 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