省去麻烦的环境配置,一分钟来试试 chatgpt API 代码⚡

该项目提供了一个便捷的方式,在GitHub的codeplace环境中试用ChatGPTAPI,无需担心Node.js或Python的配置和网络问题。用户只需一个OpenAI的APIkey,即可在预配置的环境中运行示例代码,体验ChatGPT的功能。codeplace提供每月120小时的免费使用时长,支持Python和Node.js,且自动处理库的安装。
摘要由CSDN通过智能技术生成

项目地址:https://github.com/wjsvec/try_chatgpt_API_in_one_minute

try chatgpt API in one minute⚡

这个项目用来做什么😊

由于一些特殊的网络原因,在试用 chatgpt 的 API 的时候总是遇到奇奇怪怪的问题😫,有时候都不知道是网络问题,还是环境没有配好,还是 API 参数写错了。这个项目就是用 GitHub 里 codeplace 预先配置好的各种环境,还有在虚拟机上的网络环境,快速试一试 chatgpt 的 API 怎么用。

我也是在自己电脑上试了很久,最后还是在 codeplace 里发现自己那边确实是有个接口忘记配置了。

0 B6T{6%H0G6RKNM5XT$YTP

好了,就让我们开始吧,不管是奇奇怪怪的 nodeJS 配置还是网络环境要求,这个项目里都不用担心。codeplace 一个月有免费的120小时时常,对于我们想要满足一下好奇心来说,完全足够了!!

我们需要准备什么

  1. 一个可用 chatgpt 的 API key,只要你有 openai 的账号就可以在 这里 申请一个,会有18美金的免费额度,没有信用卡也没关系

  2. 可以上 GitHub 的网络环境(废话,不然怎么看到的这个项目)。为了保证 codeplace 的稳定访问

启动 codeplace

其实这个功能已经上线很久了,不过发现并用起来的人还不多。在这个项目里面点击那个加号就可以创建一个 codeplace 虚拟机。非常的方便。
image

创建后项目,就会出现这样的一个页面

左边的文件名对应着不同的语言环境,我们想使用那种语言就可以进入那个文件去就好啦。

API 调用

这部分是关于不同的语言的不同运行方式。openAI 目前只支持了python 和 node.js,其它语言会从社区维护的库放在最前面。

python

参考:官方文档

进入 python 目录下的 chatgpt_API.py 文件,如图所示:
QLJE6X4NQE8JE)7W @}P3%I

安装一下相关的 openai 库(在这里可不用配置 pip 镜像,是不是非常方便?😉)


cd python

pip install -r requirements.txt

然后修改 “OPENAI_API_KEY” 成你自己的 API key,然后点击“运行”小按钮
image

或者在终端输入


python chatgpt_API.py

运行结果是这样的:
GC_HZ}PZSK(QE@DTH$M~9F6

NodeJS

参考 :官方文档

进入 nodeJS 目录下的 chatgpt_API.js 文件,如图所示:

FX4P9 2U)Y87EZARFRICRBN

由于 nodeJS 的库函数已经在 node_modules 里面放好了,所以不用配置环境了(以防万一说一下安装 openai 的命令是 npm install openai)(在这里可不用配置 npm 镜像,是不是非常方便?😉)

修改 “OPENAI_API_KEY” 成你自己的 API key

在终端输入


cd nodeJS

node chatgpt_API

运行结果是这样的:
J%FRU4(TBBS7IQJ%W(W4653

彩蛋环节

  • 这个项目全程都是在 chrome 里写完的,我的电脑里也没有这个项目,看看我多么滴云原生(不是)
  • 发这条推特被某个知名推主回复,推特粉丝直接翻倍 QAQ
  • 本来想用英文写 README 的,后来一想好像没必要哦🤣
  • js API测试语言是写一个 python hello world,python 的 测试语言是写一个 js 的 hello world(后面更新其它语言就是自己的hello world了)
### 回答1: 可以使用编程语言如 Python 或 JavaScript 通过 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、付费专栏及课程。

余额充值