智能问答机器人ChatGPT接入微信小程序教程
微信小程序接入chatgpt智能问答搭建教程
接入流程介绍
在本文中，我们将介绍如何将 智能问答机器人ChatGPT 集成到您的微信小程序中，并使用自定义 API Key 进行访问。我们还将展示如何使用 Python 代码调用 OpenAI 接口，从而实现与 ChatGPT 的交互。
Api key的获取
首先需要去openai官网注册账号，注册账号后就会看到生成apikey的按钮了，直接生成一个复制出来即可。
chatGPT 接口调用以及python实例
接口请求地址是https://api.openai.com/v1/completions
我们需要在接口的请求头中加入Authorization: YOUR_API_KEY进行身份校验，YOUR_API_KEY即上一步中我们申请的内容。
POST请求如下参数
json复制代码{
"model": "text-davinci-003",
"prompt": "Say this is a test",
"max_tokens": 7,
"temperature": 0,
"top_p": 1,
"n": 1,
"stream": false,
"logprobs": null,
"stop": "\n"
}
prompt即我们的输入内容，其他参数说明官方文档都有，可以去查阅一下，这里不做过多说明。
有了这些我们就可以直接发起请求调用了。当然，官方还提供了openai的python库和node库。这里我们以Python为例展示下。
ini复制代码
import openai
# Define OpenAI API key
openai.api_key = "YOUR_API_KEY"
# Set up the model and prompt
model_engine = "text-davinci-003"
prompt = "Once upon a time, in a land far, far away, there was a princess who..."
# Generate a response
completion = openai.Completion.create(
engine=model_engine,
prompt=prompt,
max_tokens=1024,
n=1,
stop=None,
temperature=0.5,
)
response = completion.choices[0].text
print(response)
小程序端
由于openai的网络原因，所以我们要在自己的服务器启动接口调用服务。用腾讯云服务器的请求是发不出去的，所以这里建议有条件的可以自己搭建内网穿透，或者使用aws,google cloud等云服务。
这里为了使用方便，界面上提供了apikey的按钮，可以在输入框中输入自己的key后点击设置私有api，从而实现访问。因为当前免费接口只支持18$的额度。
ini复制代码<view class="container1" data-weui-theme="light">
<view class="title">一颗程序树 智能问答</view>
<view class="itemView">
<view class="you">开始与ChatGPT的对话吧：</view>
<input class="input1" type="text" name="content" placeholder="请输入你的问题或设置api" bindinput="getContent" value="{{content}}" />
<view class="view_btn">
<button class="loginBtn" type="primary" bindtap="loginBtnClick">发送</button>
<button class="loginBtn" type="primary" bindtap="resetBtnClick">清除</button>
</view>
<view class="use-own-api">
<button class="set-api-btn" bindtap="inputApi">设置私有API</button>
</view>
</view>
<view wx:for="{{messages}}" wx:key="index" class="chat-messages">
<view slot="title" class="d-flex align-items-center">
<image class="avatar-image border-radius-lg" src="{{item.name==“chatgpt“?robotImg:userInfo.avatarUrl}}"></image>
</view>
<view class="chat-bubble">
<text class="chat-name">{{item.name}} - {{item.currentDate}}</text>
<text class="chat-content {{item.type}}" bindtap="copyContent" data-copied="{{item.content}}">{{item.content}}</text>
</view>
</view>
<view class="bottom">
<ad unit-id="adunit-fca6e9113418814f" style="position: relative; left: -1rpx; top: 423rpx"></ad>
</view>
</view>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo6@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
评论