微信小程序调用文心一言数据模型

微信小程序调用文心一言数据模型

目录

微信小程序调用文心一言数据模型

1.百度千帆大模型平台介绍

2.调用模型程序实现

---

1.百度千帆大模型平台介绍

调用：

首先要与数据模型API的地址建立连接，利用微信自带api-wx.request()实现。

需要鉴权，有两种方式，用于识别身份，因为文心一言数据模型的使用要计费。

这里我们使用access_token方式，需要先向服务器发送一个请求数据的文件，根据其返回的access_token参数重新发送请求完成数据模型的调用。这里的access_token相当于调用数据模型的钥匙。

请求地址：ERNIE-4.0-8K - 千帆大模型平台 | 百度智能云文档 (baidu.com)

如图1-1，箭头与红框位置为各个可调用API接口的数据模型，红框右侧为选中模型的具体信息，包括请求地址、使用方法等，建议仔细阅读。

图1-1

如图1-2，也可在模型广场寻找合适的模型。

图1-2

地址：百度智能云控制台 (baidu.com)

要想调用模型，还需要在系统重创建应用，如图1-3红色箭头所指，按流程创建，创建内容自拟，对模型调用没有影响。

图1-3

绿色箭头为创建后的应用，我们在调用模型时要根据模型的API文档将应用的API Key和Secret Key填入用以获取连接。

各种数据模型的室友计费在如图1-4中红箭头所指的计费管理中查看，token调用为我们每次建立连接的必须的，按token次数可以得知我们调用了多少次数据模型。

图1-4

2.调用模型程序实现

我在这调用的模型为ERNIT-Tiny-8K，属于文心系列模型中的一种。

如图2-1，创建一个新的页面。

图2-1

加入简单的对话框以及按钮方便后续测试使用，如图2-2。

图2-2

稍微修改一下.wxml文件，将用户文本输入绑定存储函数，使获取的回答绑定到界面中：

<button type="primary" style="position: relative; left: 0rpx; top: 396rpx" bind:tap="getAnswer">获取回答</button>

<view style="position: relative; width: 100%; background: #d3d3d3; height: 100px; left: 0rpx; top: 17rpx">

  <input bindinput="getmsg" placeholder="请输入文本" style="width: 750rpx; height: 235rpx; display: block; box-sizing: border-box" auto-focus />

  </view>

<text style="position: relative; left: 0rpx; top: 214rpx">{{wxreply}}</text>

来到.js文件准备代码：

data: {

    inputmsg:'',//存放用户输入内容

    wxreply:'',//存放语言模型返回内容

    wenxin_acc:''//用于存储语言模型的access_token

},



onLoad(options) {

this.getwenxin()//与文心模型建立联系,获取access_token

    this.setData({

      wxreply:'泥嚎啊，这里是回答内容'

    })

  },



getmsg(msg){//输入绑定函数，把输入数据存储到getinput中

    this.setData({

      getinput:msg.detail.value

    })

    console.log('输入了'+msg.detail.value);

 },

与文心获取接口的函数，该函数绑定在“获取回答”按钮上：

getwenxin(){

    var that = this;

    const wenxin_url = 'https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=b52gxsglW27RqsvZAwjITYH5&client_secret=G7lUVA0VMkZ7oLNFm0CfQKPMzWk8WSV0';//存放请求API的地址,这里根据官方API文档的提示填入API KEY和Secret Key

    wx.request({

      url: wenxin_url,

      header: {

        'Content-Type': 'application/json'

      },//header根据API文档要求配置

      method: 'POST',//请求方式，这里文档中要求为post

      success:res=>{

        console.log(res),

        that.setData({//①标记--存储access_token

          wenxin_acc:res.data.access_token

        })

      }

    })

  },

可见我在成功回调函数上写了console.log(res)用于获取网站返回信息，后序只需触发函数即可获得之，它的意义是获取调用语言模型必须的access_token值。这里标记①先不管。

此时图形化界面如图2-3所示：

图2-3

现在可以点击获取回答试试看能不能与模型地址成功连接，可见点击后也是成功获取到了，如图2-4：

图2-4

图中红色箭头所指的内容即我们需要的access_token。则上面代码部分标记①就可以将access_token存储于data当中方便我们后续使用。

接下来可以编写getAnswer()函数用以获取语言模型返回内容了：

getAnswer(){//向文心模型发送数据

    var that = this

    const wenxin_url = 'https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/ernie-tiny-8k?access_token=' + this.data.wenxin_acc//刚刚获得的token

    const question = {//向语言模型发送的数据

      "messages": [

        {

          "role": "user",

          "content": that.data.inputmsg

        }

      ]

    }

    wx.request({//网络请求，下面是各个参数

      url: wenxin_url,

      method: 'POST',

      data: question,

      header: {'Content-Type': 'application/json'},

      success:res=>{//将返回的数据存入data以便于显示

        console.log(res.data)

        that.setData({

          wxreply:res.data.result

        })

      }

    })

  },

现在运行程序试试：

图2-5

没问题，输入文本试试能不能使用语言模型：

图2-6

可见已经能够成功调用模型了。

文章性质为本人学习后做的笔记，如有侵权请联系本人删除。