请选择 进入手机版 | 继续访问电脑版

手把手教你5分钟搭建chatgpt网站,流式响应

ChatGPT是OpenAI开发的强大语言模型,拥有丰富知识和创造力。它能回答问题、提供建议、分享资讯,并模拟真实对话。
本教程旨在,教大家本地搭建一个chatgpt的网站,下面开始今天的教程,主要分为以下四个部分:
一、github下载项目代码
二、启动前端服务
三、启动后端服务
四、ChatGPT使用技巧

一、github下载项目代码
    本项目采用前后端分离的模式,需前端和后端服务一起运行。
项目地址:
前端代码:
https://github.com/aixiaoxin123/chatgpt_stream_web_front
后端代码:
https://github.com/aixiaoxin123/chatgpt_stream_web_service
先将代码下载到本地,github若打不开,则需要开启魔法。

二、启动前端服务
1、利用vscode打开前端代码文件夹
2、找到根目录的.env ,修改对应的配置文件。
VITE_APP_API_BASE_URL 默认使用本地后端服务,127.0.0.1:3002
3、在根目录运行npminstall,安装对应的依赖包

                                                                  等待片刻
3、运行 npm run dev ,启动前端服务
此时,前端服务已经启动,在浏览器中输入:  http://localhost:1002/
可以看到本地服务页面已经打开了,但是报500错误,原因是后端服务没有启动!
、启动后端服务
1、打开后端代码
2、配置 根目录下的 .env ,配置 OPENAI_API_KEY,(此步骤可以先跳过)
注意:openai在中国大陆禁止使用,若想真正调用,需要开启魔法
3、在根目录下,运行 npm install ,安装依赖包(稍等片刻,若遇到网络问题,请重试)

4、运行  npm run start  ,开启后端服务,默认端口为3002
5、再次访问前端地址,则可以看到问答界面;
http://localhost:1002/
调用失败例子:
调用成功例子:
到此就大功告成了!
注意事项:
1、若想调用chatgpt,需要在.env 配置中填入正确的key。
key获取地址:
https://platform.openai.com/overview

2、中国大陆部署,需要开启魔法,否则容易封号
四、ChatGPT使用技巧
(1)利用ChatGPT写标书的大纲
2)利用ChatGPT编程的案例
(3)利用ChatGPT进行学术创作
若想体验chatgpt,可以访问作者部署的网站:https://www.aixiaoxin.cloud
关注作者的公众号:AI小新,回复数字1,即可免费获取专属邀请码!


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
1. 本站所有资源来源于用户上传和网络,仅作为个人阅读学习使用,其版权归属原作者或出版社,请勿用于商业用途,如有侵权,请联系站长 QQ50851500 进行删除处理。
2. 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
3. 本站所刊载信息的作品内容及稿件仅代表作者本人的观点,不代表本网观点,对于任何因本网站内容所引起的纠纷、损失等,本网站均不承担侵权行为的连带责任。
4. 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
5. 本网站名称:

久爱资源网

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【选择自动回复】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Johnny

发表主题 63

开通SVIP 海量优质资源畅快下载

联系作者 立即购买