微信小程序接入chatgpt智能問(wèn)答搭建教程

接入流程介紹

在本文中，我們將介紹如何將 智能問(wèn)答機(jī)器人ChatGPT 集成到您的微信小程序中，并使用自定義 API Key 進(jìn)行訪問(wèn)。我們還將展示如何使用 Python 代碼調(diào)用 OpenAI 接口，從而實(shí)現(xiàn)與 ChatGPT 的交互。

Api key的獲取

首先需要去openai官網(wǎng)注冊(cè)賬號(hào)，注冊(cè)賬號(hào)后就會(huì)看到生成apikey的按鈕了，直接生成一個(gè)復(fù)制出來(lái)即可。

chatGPT 接口調(diào)用以及python實(shí)例

接口請(qǐng)求地址是https://api.openai.com/v1/completions

我們需要在接口的請(qǐng)求頭中加入Authorization: YOUR_API_KEY進(jìn)行身份校驗(yàn)，YOUR_API_KEY即上一步中我們申請(qǐng)的內(nèi)容。

POST請(qǐng)求如下參數(shù)

json復(fù)制代碼{

  "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即我們的輸入內(nèi)容，其他參數(shù)說(shuō)明官方文檔都有，可以去查閱一下，這里不做過(guò)多說(shuō)明。

有了這些我們就可以直接發(fā)起請(qǐng)求調(diào)用了。當(dāng)然，官方還提供了openai的python庫(kù)和node庫(kù)。這里我們以Python為例展示下。

ini復(fù)制代碼

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的網(wǎng)絡(luò)原因，所以我們要在自己的服務(wù)器啟動(dòng)接口調(diào)用服務(wù)。用騰訊云服務(wù)器的請(qǐng)求是發(fā)不出去的，所以這里建議有條件的可以自己搭建內(nèi)網(wǎng)穿透，或者使用aws,google cloud等云服務(wù)。

這里為了使用方便，界面上提供了apikey的按鈕，可以在輸入框中輸入自己的key后點(diǎn)擊設(shè)置私有api，從而實(shí)現(xiàn)訪問(wèn)。因?yàn)楫?dāng)前免費(fèi)接口只支持18$的額度。

ini復(fù)制代碼<view class="container1" data-weui-theme="light">

  <view class="title">一顆程序樹(shù) 智能問(wèn)答</view>

  <view class="itemView">

    <view class="you">開(kāi)始與ChatGPT的對(duì)話吧：</view>

    <input class="input1" type="text" name="content" placeholder="請(qǐng)輸入你的問(wèn)題或設(shè)置api" bindinput="getContent" value="{{content}}" />

    <view class="view_btn">

      <button class="loginBtn" type="primary" bindtap="loginBtnClick">發(fā)送</button>

      <button class="loginBtn" type="primary" bindtap="resetBtnClick">清除</button>

    </view>

    <view class="use-own-api">

      <button class="set-api-btn" bindtap="inputApi">設(shè)置私有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>

本文鏈接：http://m.51huadong.com/cloundnews/11008677.html