今天在github又发现一个国内的大神开源的chatGPT项目。先看看整体的效果如何吧。

这个项目是基于OpenAI GPT-3.5 Turbo APIdemo

本地部署

环境准备

  • 安装node

由于该项目是使用node开发,所以,在部署之前先要安装好node环境。检查您的开发环境和部署环境是否都使用Node v18或更高版本。你可以使用nvm管理本地多个node版本。可以使用下面的命令查看node的版本

node -v
  • 安装pnpm

推荐使用pnpm来管理依赖,如果你从来没有安装过pnpm,可以使用下面的命令安装:

 npm i -g pnpm
  • 申请OPENAI_API_KEY

运行此应用程序之前,您需要从 OpenAI 获取 API 密钥。您可以在https://beta.openai.com/signup注册 API 密钥。

  • 克隆项目

通过以下命令把项目克隆到本地任意的目录下,代码如下:

git clone 项目地址

项目地址关注公众号,回复chatgpt_demo即可获取到。

  • 安装依赖

下载好项目,进入项目跟目录,打开终端,输入如下命令安装依赖:

pnpm install
  • 修改配置

复制.env.example文件,重命名为.env,并添加你的OpenAI API key.env文件中

OPENAI_API_KEY=sk-xxx...
  • 运行应用

输入如下命令运行应用,成功运行后,通过访问http://localhost:3000/即可访问项目。

 pnpm run dev

部署到Netlify

::: block-1

什么是Netlify

Netlify 是一家提供静态网站托管的云平台,支持从 Github, GitLab, Bitbucket 等代码仓库中自动拉取代码 然后进行项目打包和部署等功能。
:::

  1. Fork此项目,前往https://app.netlify.com/start新建站点,选择你fork完成的项目,将其与GitHub帐户连接。

  2. 选择要部署的分支,选择main分支, 在项目设置中配置环境变量,环境变量配置参考下文。

  3. 选择默认的构建命令和输出目录,单击Deploy Site按钮开始部署站点。

环境变量

名称 描述 默认
OPENAI_API_KEY 你的 OpenAI API Key null
HTTPS_PROXY 为 OpenAI API 提供代理. e.g. http://127.0.0.1:7890 null
OPENAI_API_BASE_URL 请求 OpenAI API 的自定义 Base URL. https://api.openai.com
HEAD_SCRIPTS 在页面的 </head> 之前注入分析或其他脚本 null
SECRET_KEY 项目的秘密字符串。用于生成 API 调用的签名 null
SITE_PASSWORD 为网站设置密码。如果未设置,则该网站将是公开的 null
OPENAI_API_MODEL 使用的 OpenAI 模型. 模型列表 gpt-3.5-turbo

总结

该项目也是通过调用Chatgpt的接口实现的。整体的页面也相对简洁。也支持上下文对话。如果,大家在部署过程中遇到什么问题,欢迎留言咨询。

分享一个基于GPT-3.5 Turbo的开源项目,界面简洁大气,反应速度快相关推荐

  1. 一个基于Python数据大屏可视化开源项目

    ‍‍ 今天给大家介绍一个开源数据大屏可视化工具. 项目简介 这是一个基于Python开发的,结构简单的项目.可通过配置Json的数据,实现数据报表大屏显示. 优点:代码清晰.结构简单.配置Json数据 ...

  2. 分享一个基于 SpringBoot + 小程序的婚礼邀请函项目源码

    简介 一个婚礼邀请函小程序,自带简单的后台管理系统,由于微信审核特别严格,留言祝福功能已经关闭,有需要的可以自行设置开关. 小程序 源自网络,具体真的不记得了,感谢网友,由于后端是PHP实现的,于是用 ...

  3. 推荐一个基于SpringBoot的在线课程管理系统开源项目,超级棒!

    前言 一点知识学院 是一个在线课程资料的管理系统(是对app手机端的支撑),项目框架采用SpringBoot + JPA + mysql + easyui开发. 邀请函 该项目还有一些功能需要完善,新 ...

  4. 分享一个基于 ABP(.NET 5.0) + vue-element-admin 管理后台

    1.前言 分享一个基于ABP(.NET 5.0) + vue-element-admin项目.希望可以降低新手对于ABP框架的学习成本,感兴趣的同学可以下载项目启动运行一下.对于想选型采用ABP框架的 ...

  5. 分享一个基于Vue3+TS构建Cesium组件库

    分享一个基于Vue3+TS构建Cesium组件库 点击进入 Vue Cesium官网 //vc-navigation <template><el-row ref="view ...

  6. [UWP]分享一个基于HSV色轮的调色板应用

    原文:[UWP]分享一个基于HSV色轮的调色板应用 1. 前言 上一篇文章介绍了HSV色轮,这次分享一个基于HSV色轮的调色板应用,应用地址:ColorfulBox - Microsoft Store ...

  7. 分享一个基于 Spring Boot 的在线教育平台系统

    今天给大家开源一个基于springboot的在线教育平台系统,系统是小孟开发的,第一个版本是小锋开发的.该系统完全免费.白嫖.系统完美运行.具体的介绍如下所示. 1. 技术介绍 核心技术:Spring ...

  8. 分享一个 Python + Django 实现的电商小项目

    编辑:业余草 来源:https://www.xttblog.com/?p=4944 分享一个 Python + Django 实现的电商小项目. 如果自学 Python,那么爬虫和电商项目将是你跳不过 ...

  9. 分享一个我开发的MVVM架构的开源小项目

    本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注,每个工作日都有文章更新. 大家好,今天跟大家分享一个我开发的MVVM架构的开源小项目. 话说这个小项目已经提前跟大家预 ...

  10. ImageSharp一个专注于NetCore平台图像处理的开源项目

    今天大家分享的是一个专注于NetCore平台图像处理的开源项目,老实说为这篇文章取名字想了5分钟,可能是词穷亦或是想更好的表达出这款开源项目的作用:这个项目在图像处理方面有很多功能,如:缩放,裁剪,绘 ...

最新文章

  1. 比特大陆发布第三代AI芯片,INT8算力达17.6Tops
  2. Django Admin 录入中文错误解决办法
  3. html在线随机抽取,利用纯html+javascript实现随机抽取显示
  4. 记一次 javax.xml.soap.SOAPException:
  5. struts2整合uploadify插件怎样传参数
  6. Linux服务器管理神器-IPython
  7. 肠道重要菌属——嗜胆菌属 (Bilophila)喜欢脂肪、耐胆汁的促炎菌
  8. sql 查询-从浆糊到清晰的过程
  9. 【Flutter实战静态页面】--在线点餐app(8)——详情框架1
  10. 褚时健 | 我这辈子最问心无愧的就是:没有庸庸碌碌地过完一生
  11. 声纹识别开源工具 ASV-Subtools
  12. SQL中 where, group by,having,order by 的重点
  13. cpu的基本结构及其工作原理
  14. JS基础-一个完美的递归函数
  15. r语言 网站数据查找
  16. 使用opencv+python识别七段数码显示器的数字识别
  17. google gms包各apk的包名和类名
  18. RHCSA之基本命令_统计文件内容篇(wc)
  19. 国密算法--Openssl 实现国密算法(加密和解密)
  20. 计算机应用基础考证,2017年计算机应用基础考试试题及答案

热门文章

  1. yubikey复制_将YubiKey与ISAM一起使用
  2. latex如何使文字不空格_latex 文字间加空格
  3. 记一篇在sata固态上安装好系统的电脑上加装m2固态硬盘,是如何重装系统的
  4. egg-mongoose的 update only works with $ operators报错
  5. git菜单形式的_全新的导航形式:全屏菜单
  6. c语言谭浩强第五版---全书笔记+习题(一)
  7. ssm获取session中验证码值为null问题
  8. 泰坦视频帧加密播放器
  9. 你知道88se9125的驱动代码
  10. DBCP连接池问题分析