基于python和js语言的chatGPT API开发

1、创建API KEY

https://platform.openai.com/account/api-keys
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、API官方文档

https://platform.openai.com/docs/api-reference

API 调用是收费的,但是 OpenAI 也提供了免费的用量

3、Node开发环境

(1)确保有node开发环境

(2)安装openai

DOS命令下安装: >npm install openai
在这里插入图片描述

4、Node环境chatGPT运行案例

(1)创建js文件

​ chatGPT01.js

(2)源码

/**
 * Created by yuruibin on 2023/8/3.
 */
const {Configuration, OpenAIApi} = require("openai");
const configuration = new Configuration({
    apiKey: "前面自己申请的api keys"
});
const openai = new OpenAIApi(configuration);
const response = openai.createCompletion({
    model: "text-davinci-003",
    prompt: "今天天气怎么样?",
    max_tokens: 255,
    temperature: 0.5,
});

// 打印 API 返回的结果
//console.log(response.data.choices[0].text);
console.log("aaaa")
console.log("bb:",response)
console.log("cc:",response.data);

(3)运行
DOS环境下:
>node chatGPT01.js

5、python开发环境

(1)安装python开发环境
(2)安装openai库
终端输入:需要用镜像,速度慢
/>pip install -i https://pypi.douban.com/simple openai

6、python环境chatGPT运行案例

import openai

openai.api_key='前面自己申请的api keys'

response=openai.Completion.create(
  engine="text-davinci-002",
  prompt="今天天气怎么样",
  max_tokens=100
)

reply=response.choices[0].text
print(reply)

注意:目前国内的chatGPT支持度不高,两种方式大概率会返回网络延时错误。

### 回答1: 可以使用编程语言PythonJavaScript 通过 HTTP 协议调用 OpenAI 的 GPT-3 API。具体方法是,使用编程语言发送 HTTP 请求,将请求参数(如文本和 API key)放在请求头或请求体中,并通过解析 API 响应来获取结果。 举个例子,使用 python 的 requests 库可以这样调用 API: ```python import requests import json url = "https://api.openai.com/v1/engines/davinci-codex/completions" query = {"prompt": "What is the capital of France", "temperature":0.5, "max_tokens":200} response = requests.post( url, headers={"Content-Type": "application/json", "Authorization": "Bearer <your_api_key>"}, json=query ) response.json() ``` 这样就可以调用 OpenAI GPT-3 API并获得响应。 ### 回答2: HTML调用ChatGPT API可以通过JavaScript来实现。首先,我们需要在HTML文件中添加一个文本输入框和一个发送按钮,以便用户可以输入问题并发送给ChatGPT API。然后,我们需要使用JavaScript代码来获取用户输入的问题,并将其作为参数发送到ChatGPT API的请求中。 示例代码如下: ```html <!DOCTYPE html> <html> <head> <title>ChatGPT API调用示例</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>ChatGPT API示例</h1> <label for="question">请输入问题:</label> <input type="text" id="question" name="question"> <button onclick="sendQuestion()">发送</button> <div id="response"></div> <script> function sendQuestion() { var question = document.getElementById("question").value; $.ajax({ url: 'https://api.openai.com/v1/chat/completions', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer YOUR_API_KEY' }, method: 'POST', data: JSON.stringify({ "prompt": "问题:" + question, "max_tokens": 50, "temperature": 0.7, "n": 1, "stop": ["\n"] }), success: function(response) { var answer = response.choices[0].text.trim(); document.getElementById("response").innerHTML = "回答:" + answer; } }); } </script> </body> </html> ``` 在上述代码中,我们使用了jQuery库来简化发送HTTP请求的过程。需要替换代码中的`YOUR_API_KEY`为您的ChatGPT API密钥。 当用户点击发送按钮时,`sendQuestion`函数将被调用。该函数首先获取用户输入的问题,然后使用`$.ajax`函数向ChatGPT API发送POST请求。API的URL、请求头和请求参数都需要根据OpenAI的API文档进行设置。 在成功接收到API的响应后,我们将提取出回答,并将其显示在页面上。在示例代码中,我们使用`response.choices[0].text.trim()`来获取第一个回答并去除多余的空格和换行符。接着,我们将回答显示在`<div id="response">`元素中。 这样,HTML页面就可以调用ChatGPT API并显示回答了。请注意,由于ChatGPT API是收费的,您需要确保您的API密钥有效并具有足够的使用额度。 ### 回答3: HTML 调用 ChatGPT API 主要分为三个步骤: 第一步是创建一个 HTML 表单,用于接收用户的输入。可以在表单中添加一个文本框,用户可以在其中输入要发送给 ChatGPT 的消息。 第二步是编写 JavaScript 代码,用于通过 API 将用户的消息发送给 ChatGPT,并接收返回的回复。可以使用 XMLHttpRequest 或 Fetch API 进行网络请求。代码可以在用户提交表单时触发,将表单中的消息作为请求发送给 ChatGPT API。 第三步是使用 JavaScript 更新 HTML 页面,将 ChatGPT 返回的回复显示给用户。可以将回复添加到页面的某个元素中,例如一个 `<div>` 元素。代码可以通过修改元素的内容来实现这一功能。 需要注意以下几点: 1. 在发送请求时,要确保提供正确的 API 端点 URL 和有效的 API 密钥。 2. API 端点 URL 可能需要在跨域请求方面进行设置,以便在 HTML 页面中能够发送请求。 3. 考虑到数据的安全性,建议将 ChatGPT API 的密钥存储在服务器端,并根据需要使用服务器端脚本来调用 API,而不是将密钥直接暴露在 HTML 页面中。 通过以上步骤,我们可以实现在 HTML 页面中调用 ChatGPT API,并将聊天模型的回复显示给用户。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值