位置: IT常识 - 正文

把ChatGPT接入我的个人网站

编辑:rootadmin
把ChatGPT接入我的个人网站 效果图

推荐整理分享把ChatGPT接入我的个人网站,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

详细内容和使用说明可以查看我的个人网站文章 把ChatGPT接入我的个人网站

献给有外网服务器的小伙伴

如果你本人已经有一台外网的服务器,并且页拥有一个OpenAI API Key,那么下面就可以参照我的教程来搭建一个自己的ChatGPT。

需要的环境Centos7(其他服务器也行)nodejs把ChatGPT接入我的个人网站

这里主要用到了node环境,所有的代码也是由JavaScript编写

安装依赖库

首先需要安装OpenAI提供的js库——openai,使用npm安装即可

npm install openai

然后再安装一个用于后面管理js后台运行的库——forever

npm install forever编写代码const WebSocket = require('ws')const {Configuration, OpenAIApi} = require('openai')const wss = new WebSocket.Server({port:8080})const config = new Configuration({apiKey: 'OPENAI_API_KEY'}); //这里的OPENAI_API_KEY是你自己的keyconst openai = new OpenAIApi(config);const welcomeStr = "Hello,我是胡海龙,这是我基于OpenAI搭建的类似ChatWindow,你可以像使用ChatGPT一样来使用它,如何搭建以及源码可以联系我:hhlworkspace@qq.com";wss.on('connection', ws=>{ ws.on('message', async (message)=>{ if(message =='[$check$]'){ ws.send('[$alive$]') }else{ const completion = await openai.createCompletion({ model: 'text-davinci-003', prompt: ''+message, max_tokens: 2048, stream: true, user: 'huhailong1121' },{responseType: 'stream'}); completion.data.on("data",(data)=>{ const lines = data ?.toString() ?.split("\n") .filter((line) => line.trim() !== ""); for (const line of lines) { const message = line.replace(/^data: /, ""); if (message === "[DONE]") { break; // Stream finished } try { const parsed = JSON.parse(message); ws.send(parsed.choices[0].text) } catch (error) { console.error("Could not JSON parse stream message", message, error); } } }) } })})

上面的代码含义:开启一个Websocket服务,然后接收到用户发送的消息后,使用openai库发起请求,然后把返回的数据推给前端用户,前端用户接收的时候用解析markdown的组件接收就可以。下面主要说一下请求openai的部分

const {Configuration, OpenAIApi} = require('openai')const config = new Configuration({apiKey: 'OPENAI_API_KEY'});const openai = new OpenAIApi(config);const completion = await openai.createCompletion({ model: 'text-davinci-003', prompt: ''+message, max_tokens: 2048, stream: true, user: 'huhailong1121' },{responseType: 'stream'}); completion.data.on("data",(data)=>{ const lines = data ?.toString() ?.split("\n") .filter((line) => line.trim() !== ""); for (const line of lines) { const message = line.replace(/^data: /, ""); if (message === "[DONE]") { break; // Stream finished } try { const parsed = JSON.parse(message); ws.send(parsed.choices[0].text) } catch (error) { console.error("Could not JSON parse stream message", message, error); } } })

首先是引入openai库中的 Configuration, OpenAIApi,然后配置apiKey,配置好以后创建请求——openai.createCompletion,注意,这里要使用同步去处理以下,参数的含义:

model:使用的模型,目前新的模型是text-davinci-003prompt:用户的提问和需求max_tokens:这个参数决定了能一次返回多少长度的结果,如果不是用stream的话这个设置的小可能会导致结果被截断stream:是否使用流方式返回结果,我这里使用了流方式返回结果,因为这样可以给用户更全的数据,不会截断,而且不会造成长时间阻塞,可以实时的动态的生成结果,给用户的体验更好user:用户标识,这个不设置也可以,还有其他更多的参数可以参考网上的资料

使用流后需要对data进行监听,监听中将返回的流先转为字符串,然后通过换行截取,去掉头部的data字符串后剩余的可以转为一个json对象,其中choices数组里面的text就是我们要的结果,所以将它发送给用户即可。

前端代码相对简单,就是单纯的websocket接收数据,然后渲染,只是样式上需要设计和调整,如果有需要前端代码的小伙伴可以前往我的个人网站进行下载,注册登录后点击资源即可下载:

如果对你有帮助记得要点赞哦~~~。

本文链接地址:https://www.jiuchutong.com/zhishi/297377.html 转载请保留说明!

上一篇:YOLOv7(目标检测)入门教程详解---检测,推理,训练(yolov5目标检测代码)

下一篇:JavaWeb 购物车项目(javaweb购物车设计报告)

  • 企业以买一赠一
  • 个人出租商铺如何缴纳房产税
  • 残保金滞纳金可以税前扣除吗
  • 暂估资产会计处理
  • 进项税抵扣销项税怎么做账
  • 季度利润表格式
  • 建筑 分包
  • 计提社保费计入什么科目
  • 农产品代销合同协议书范本
  • 员工借款怎么入账
  • 长期股权投资损失的账务处理
  • 免税的苗木发票抵扣税费怎么算
  • 车间管理人员工资总额占车间工资总额的10%
  • 转让购入的设备税率
  • 小微企业计算公式
  • 一般纳税人预缴税款几个点
  • 企业出售已使用过的固定资产税率
  • 企业买的商业保险退款怎么做账
  • 单位购买短期保本理财产品如何做账?
  • 简易计税分包款进项税可以抵扣吗
  • 职工社保调整
  • 电脑开机故障不开机
  • win7改win10详细教程
  • 投资回报期限
  • 暂估成本比实际高分录
  • 合伙企业财产清算顺序
  • win11升级卡66
  • php serialize()与unserialize() 不完全研究
  • ajax无刷新技术
  • 教学用品列入什么费用
  • win7系统中怎样没有智能卡这一选项
  • win10重装系统后黑屏无图像
  • 加班费如何做账
  • 补充医疗税前扣除还是税后扣除
  • 原材料的运费计入什么科目
  • php strtr
  • 跨地区经营增值税预缴
  • 如何修改php网页内容
  • markdown语法是什么意思
  • 人工智能导论课后题答案
  • vue获取当前行
  • mysql php
  • 使用groupadd命令创建用户组
  • 以前年度损益调整账务处理分录
  • 慈善组织接受股票捐赠流程
  • 银行贷款第三方是什么意思
  • 绩效是否需要交税
  • 获取gridview某行某列的值
  • 段云简介
  • mysql误删数据
  • 银行手续费已扣发票未开的账务处理
  • 主营业务收入账务处理分录
  • 开具发票要注意的方面是有哪些?
  • 什么情况纳税
  • 车船税不开发票怎么做账?
  • 报销餐费增值税进项税计入什么科目
  • 双倍余额递减法计提折旧公式
  • 预付账款的账务处理过程
  • 收据和收款收据的法律效力
  • 固定资产清理账户借方
  • Mysql中FIND_IN_SET()和IN区别简析
  • sql集合包含关系
  • sql怎么比较两个表字段的内容
  • win7系统怎么关闭防火墙设置
  • linux ntp查看
  • jquery禁止点击事件
  • unity 游戏
  • 原生js实现promise
  • jquery的动画效果
  • 高通 trinket
  • 最精简的年终工作总结
  • jquery自动加载的方法
  • js中prototype的作用
  • 怎样看业务序号
  • 企业所得税纳税申报表A类
  • 阜阳市税务局地址
  • 房产证加名字需要哪些手续和费用
  • 满五唯一是指省内还是本市
  • 宁波国税发票查询
  • 20 百望九赋税控盘管理员默认指令多少?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设