教你接入GPT4,不用梯子也能玩
介绍
chatgpt最近十分火爆,但大多少开发接入的都是gpt3.5,今天教教大家如何快速接入gpt4
使用
接入很简单,需要去获取你的token填入,每个账号都有白嫖次数,以下是node代码
const { data } = await axios({ url: https://api.zhishuyun.com/chatgpt4?token=你的token, method: POST, headers: { content-type: application/json }, data: { question: 如何写好博客?, }, }); console.log(data);
由于需要token,强烈建议将这部分代码放到你的服务器上,前端再去请求你的服务器,防止token被人盗用,同时ai也支持多轮对话,通过只需要多传一个conversation_ids字段就能实现,具体就不展开了,文档里写的很清楚
效果
最终gpt4 接口返回字段如下,数据结构很简单就一个json
gpt返回的结果都是以markdon格式,前端渲染可以使用一些组件来实现,比如我使用的是vue框架,使用v-md-editor做markdown渲染,支持一些代码高亮、主题色等等,代码如下
初始化
import { createApp } from "vue"; import VMdPreview from "@kangc/v-md-editor/lib/preview"; import "@kangc/v-md-editor/lib/style/preview.css"; import githubTheme from "@kangc/v-md-editor/lib/theme/github.js"; import "@kangc/v-md-editor/lib/theme/style/github.css"; // highlightjs import hljs from "highlight.js"; VMdPreview.use(githubTheme, { Hljs: hljs }); createApp(App).use(VMdPreview).mount("#app");
使用组件
<v-md-preview :text="text" />
只需要把gpt返回的内容直接塞进去,下面是渲染效果,效果还不错
上一篇:
JS实现多线程数据分片下载