当前位置:   article > 正文

使用Spring Boot和Html实现ChatGPT_chatgpt对话 html

chatgpt对话 html

简介

前段时间写了一个Chatgpt的Java版SDK开源地址:chatgpt-java欢迎使用。但由于原来OpenAI 并没有支持官网的chatgpt模型,所以使用起来相对没有官网那么智能完善,所以就没有写出一个demo项目,只开源了Open AI的SDK而已。但是在三月的时候官方更新了API文档支持最新版本GPT-3.5-Turbo模型以及whisper-1模型,增加chat聊天模型,这就很nice了,于是动手写了一个战损版的ChatGPT。

其实也很简单,使用Spring Boot对chat相关的sdk进行了接口实现,最终效果和官网也是有一丢丢相似的,实现了流式输出。

开源项目地址:GitHub - Grt1228/chatgpt-steam-output: Open AI ChatGPT流式输出。Open AI Stream output. ChatGPT Stream output.GPT-3.5

ChatGPT SDK开源地址:GitHub - Grt1228/chatgpt-java: ChatGPT Java SDK支持流式输出。支持OpenAI官方所有接口。ChatGPT的Java客户端。OpenAI GPT-3.5-Turb GPT-4 Api Client for Java

先上效果图

技术简介

前端主要用到的就是SSE这个东西。不了解的同学可以百度下EventSource。
后端的话也是这个SSE实现长链接,主义代码就是OpenAIEventSourceListener

项目部署

拉去源代码

 
git clone https://github.com/Grt1228/chatgpt-steam-output

修改配置

修改application.properties文件
默认8000端口,可以自己修改,修改端口记得将1.html文件的8000端口也替换掉

 
server.port=8000
chatgpt.apiKey=配置自己的key
chatgpt.apiHost=配置opai的Api Host地址

运行

运行ChatgptSteamOutputApplication

 
com.unfbx.chatgptsteamoutput.ChatgptSteamOutputApplication

运行成功后打开浏览器:

 
http://localhost:8000/

能打开此页面表示运行成功

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/446993
推荐阅读
相关标签
  

闽ICP备14008679号