前端开发之接入千帆大模型

249 阅读1分钟

在当今数字化快速发展的时代,AIGC(Artificial Intelligence Generated Content,人工智能生成内容)正逐渐崭露头角,成为内容创作领域的一股新兴力量。作为技术驱动的创新产物,AIGC以其高效、智能和个性化的特点,正在深刻改变着内容生产的格局与方式。本文以千帆大模型为例,学习前端在AIGC领域中的应用

第一步,创建百度账号

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

image.png

登录成功以后,需要往里面充点钱,开通大模型需要, image.png

第二步,创建应用

image.png image.png

描述随便写,创建完应用以后下面的应用表格会出现一个应用。

第三步,开通模型接口

image.png

这里面任选一个,随意

第四步,获取调用凭证(access_token)

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

const axios = require('axios');
const AK = ""  // 在应用里的API Key 
const SK = "" // 在应用里的Secret Key

/**
 * 使用 AK,SK 生成鉴权签名(Access Token)
 * @return string 鉴权签名信息(Access Token)
 */
function getAccessToken() {

  let options = {
    'method': 'POST',
    'url': '/api/oauth/2.0/token?grant_type=client_credentials&client_id=' + AK + '&client_secret=' + SK,
  }
  return new Promise((resolve, reject) => {
    axios(options)
      .then(res => {
        resolve(res.data.access_token)
      })
      .catch(error => {
        reject(error)
      })
  })
}

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

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

async function main() {
  var options = {
    'method': 'POST',
    'url': '/api/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions_pro?access_token=' + await getAccessToken(),
    'headers': {
      'Content-Type': 'application/json'
    },
    data: JSON.stringify({
      "messages": [
        {
          "role": "user",
          "content": ""
        }
      ],
      "temperature": 0.95,
      "top_p": 0.8,
      "penalty_score": 1,
      "enable_system_memory": false,
      "disable_search": false,
      "enable_citation": false
    })

  };

  axios(options)
    .then(response => {
      console.log(response.data);
    })
    .catch(error => {
      throw new Error(error);
    })
}

我这里选取的是ERNIE-4.0-8K模型

参考文章:juejin.cn/post/739931…