微信小程序调用文心一言数据模型
目录
微信小程序调用文心一言数据模型
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
可见已经能够成功调用模型了。
文章性质为本人学习后做的笔记，如有侵权请联系本人删除。
总结
### 微信小程序调用文心一言数据模型总结本文介绍了如何在微信小程序中调用百度文心一言数据模型的详细步骤。主要包括百度千帆大模型平台的介绍以及如何在小程序中实现对数据模型的调用。以下是文章的总结概要：
#### 1. **百度千帆大模型平台介绍**
- **连接与鉴权**：首先，要使用微信小程序内置的`api-wx.request()`方法与数据模型API建立连接。调用过程需要进行鉴权，确保用户身份并可计费。
- **Access Token获取**：使用access_token方式鉴权，需先向特定URL发送请求，根据服务器返回的access_token重新发送请求来调用模型。Access token扮演着“钥匙”的角色。
- **API接口与计费管理**：从千帆大模型平台选择合适的数据模型，并根据API文档在百度智能云控制台创建应用以获取API Key和Secret Key，用于请求时鉴权和计费。在计费管理中可查看token使用情况。
#### 2. **调用模型程序实现**
- **界面设计**：在微信小程序中新建页面，并设计包含输入框、按钮和文本显示区域的简单界面。
- **代码实现**：
- 在`.js`文件中定义数据结构和基础方法。例如，存储用户输入内容和模型返回内容的data对象，以及用户输入时的数据绑定函数。
- 编写`getwenxin()`函数，用于从百度服务器获取access_token并存储，以便后续调用模型时使用。
- 定义`getAnswer()`函数，结合用户输入内容和已获得的access_token向模型发送请求，并将返回的解答内容显示在页面上。
- 涉及的关键API调用地址和请求参数需按百度文档进行配置。
#### **实现效果**
- 用户在小程序界面输入问题，点击“获取回答”按钮后，通过微信小程序调用文心一言数据模型，将模型返回的答案显示在页面上。
- 通过控制台输出和界面展示，可以验证模型调用是否成功。
本文详细阐述了微信小程序如何整合并利用百度文心一言数据模型进行智能交互，为前端开发者和AI爱好者提供了一个实用的参考案例。