帮我写一个通过open ai key调用chatGPT接口的网页
很高兴为您提供帮助！以下是一个简单的通过open ai key调用chatGPT接口的网页的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>ChatGPT Demo</title>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/@openai/api@0.4.5/build/openai-api.js"></script>
</head>
<body>
<h1>ChatGPT Demo</h1>
<label>输入你想说的话：</label>
<input type="text" id="input">
<button onclick="chat()">发送</button>
<div id="output"></div>
<script>
const openai = new OpenAI(api_key='YOUR_API_KEY_HERE');
function chat() {
const input = document.getElementById('input').value;
const output = document.getElementById('output');
openai.complete({
engine: 'text-davinci-002',
prompt: input,
max_tokens: 150,
n: 1,
stop: '\n',
}).then(function(response) {
const message = response.choices[0].text.trim();
output.innerHTML += '<p><strong>你：</strong>' + input + '</p>';
output.innerHTML += '<p><strong>机器人：</strong>' + message + '</p>';
}).catch(function(error) {
output.innerHTML += '<p><strong>Error:</strong> ' + error.message + '</p>';
});
}
</script>
</body>
</html>
请将YOUR_API_KEY_HERE替换为您的OpenAI API密钥。此代码使用了OpenAI JavaScript客户端库，它使调用OpenAI API变得更加容易和快捷。在网页上，用户可以输入一个消息，然后点击“发送”按钮，该消息将被发送给ChatGPT模型进行处理，并返回一个对话响应。响应将显示在输出框中，每个响应都包含用户输入和机器人的响应。此代码使用text-davinci-002模型，但您可以根据您的需求选择其他模型。
希望这可以帮助您开始构建自己的ChatGPT网页应用程序
原文地址: https://www.cveoy.top/t/topic/fDhq 著作权归作者所有。请勿转载和采集!