下面是一个简单的示例，展示如何使用Python和Flask框架创建一个能够调用OpenAI API接口的网页。请注意，你需要在本地安装Flask和requests库。
from flask import Flask, render_template, request
import requests
app = Flask(__name__)
# 代理接口地址
proxy_url = "https://api.xbbdkj.com/"
# OpenAI API 访问密钥
openai_key = "YOUR_OPENAI_API_KEY"
@app.route('/')
def index():
return render_template('index.html')
@app.route('/generate', methods=['POST'])
def generate():
prompt = request.form['prompt']
response = requests.post(proxy_url, data={'prompt': prompt, 'api_key': openai_key})
result = response.json()
return render_template('result.html', result=result)
if __name__ == '__main__':
app.run()在上述代码中，我们使用Flask创建了一个简单的Web应用。首页（index.html）包含一个表单，用户可以在其中输入提示（prompt）。当用户提交表单时，应用将发送一个POST请求到代理接口地址，并将用户的输入和OpenAI API密钥一起发送。代理接口将转发请求到OpenAI API，并返回结果。应用将结果渲染到结果页面（result.html）中，供用户查看。
在你的本地开发环境中，你需要创建两个HTML模板文件：index.html和result.html。你可以根据自己的需求进行定制。
请确保将YOUR_OPENAI_API_KEY替换为你自己的OpenAI API密钥。
运行应用之前，确保你已经安装了Flask和requests库。你可以使用以下命令安装它们：
pip install flask requests运行应用的命令是：
python your_app.py这将在本地启动一个服务器，并监听默认端口（通常是5000）。你可以在浏览器中访问http://localhost:5000来查看应用。
请注意，这只是一个简单的示例，你可能需要根据自己的需求进行扩展和调整。
如果你想要更简单的方式来调用OpenAI API接口，你可以考虑使用JavaScript来编写一个能够在浏览器中直接调用API的网页。这样你就不需要设置服务器或使用代理接口了。
下面是一个简单的示例代码，展示了如何使用JavaScript调用OpenAI API接口：
<!DOCTYPE html>
<html>
<head>
<title>OpenAI API Demo</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<h1>OpenAI API Demo</h1>
<div id="output"></div>
<script>
// 设置OpenAI API密钥
const apiKey = 'YOUR_API_KEY';
// 设置要生成的文本
const prompt = 'Once upon a time';
// 调用OpenAI API
axios.post('https://api.openai.com/v1/engines/davinci-codex/completions', {
prompt: prompt,
max_tokens: 100
}, {
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${apiKey}`
}
})
.then(response => {
// 处理API响应
const completion = response.data.choices[0].text.trim();
document.getElementById('output').innerText = completion;
})
.catch(error => {
console.error(error);
});
</script>
</body>
</html>请注意，这个示例代码中的YOUR_API_KEY需要替换为你自己的OpenAI API密钥。
你可以将上述代码保存为一个HTML文件，然后在浏览器中打开该文件，就可以看到生成的文本结果。
这种方式更加简单，因为它直接在浏览器中调用API，不需要设置服务器或使用代理接口。但是需要注意的是，由于API密钥是暴露在前端代码中的，所以请确保不要将包含API密钥的代码公开发布，以免被他人滥用。