看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

站长

2024年08月06日 16:47 · 阅读数 30

最近AI概念很火，我司也在用。今儿实习的一位同学来问：他想对接一个"千帆大模型"，但是以前没看过，文档太多了。很麻烦。

虽然官方也有文档，不过确实，那个文档比较适合工作一段时间以后的同学看，对新手不太友好。毕竟光创建=>对接一个流程需要几个页面几个页面的跳转和操作。

今儿，大家就跟着无脑操作下，对接一个"千帆大模型"。入门AI开发。也会给大家提供拉下来API Key 和 Secret Key换换就能用的demo代码。

第一步，你需要有一个百度账号

百度智能云-登录 (baidu.com)

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

往里面充点钱，不用多，五毛一块的就行。后面开通模型需要个一分两分的。千万不要充值太多，不然回头玩着玩着钱莫名其妙就被扣完了。接口免费限额用完后是要收费的。只要咱们不多充。他想扣也没钱可扣。

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

第二步，创建应用

点击这里创建应用

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）描述随便写，创建完应用以后下面的应用表格会出现一个应用。

第三步，开通模型接口

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

点击这里开通模型接口

本文章使用的是：https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/ernie-3.5-128k这个接口。同学们不要开错了哦。开错了，demo可跑不起来。

第四步，获取调用凭证（access_token）

使用访问凭证access_token鉴权调用API流程 - 千帆大模型平台 | 百度智能云文档 (baidu.com)

axios({
      method: "post",
      url: "/api/oauth/2.0/token", //完整请求地址:https://aip.baidubce.com/oauth/2.0/token
      params: {
        grant_type: "client_credentials",
        client_id: 【Api Key】, //在应用里
        client_secret: 【Secret Key】, //在应用里
      },
    })
      .then(function (response) {
        console.log(response, "response");
        const { data } = response;
        setTokenInfo(data);
      })
      .catch(function (error) {
        alert("要么是没配置跨域，要么是入参给错了，检查下哦");
      });

这里的 API_Key 和Secret Key 在我们刚刚创建的应用里面有。复制过来。

看完这篇文章，你也算是了解ai开发，对接过千帆大模型了。（超简单）

注意前端在浏览器直接调用接口需要配置跨域。否则响应是无法正常接收的。代理地址：https://aip.baidubce.com/

留意这个access_token 在第五步中需要用到哦。

第五步，调用千帆大模型ai接口

axios({
      method: "post",
      url: "/api/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/ernie-3.5-128k",//完整请求地址：https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/ernie-3.5-128k
      headers: {
        "Content-Type": "application/json", //固定的
      },
      data: {
        //需要给ai的内容
        messages: [
          {
            role: "user",
            content: "可否留个赞",
          },
        ],
      },
      params: {
        access_token: [第三步中拿到的access_token],
      },
    })
      .then(function (response) {
        const { data } = response;
        console.log(data)
      })
      .catch(function (error) {
        alert("请检查参数");
      });