mjjh1717 / ai-beehive-web Goto Github PK

View Code? Open in Web Editor NEW

293.0 3.0 213.0 3.67 MB

蜂巢 ai-beehive 用户端

Home Page: https://front.aibeehive.icu

License: Apache License 2.0

JavaScript 3.30% Shell 0.05% TypeScript 28.41% HTML 0.38% Vue 66.72% CSS 0.70% SCSS 0.45%

vue3 chatgpt3 chatgpt4 midjourney newbing

ai-beehive-web's Introduction

ai-beehive

✨ 介绍

前端开发👨‍🦲：https://github.com/mjjh1717
后端开发👨‍🦲@hncboy
描述：ai-beehive 项目的名字取自蜂巢，这源于我们构建房间的方式，即通过图纸塑造出独特的模块化房间，每个房间都是一个具有个性的聊天室，类似于蜂巢中的单独蜂窝。六边形的蜂窝设计启示我们，系统具有无限的扩展能力。在我们的 ai-beehive项目中，我们提供了一种方式，即通过添加新的图纸来扩展和丰富房间类型.

🎬 介绍

登录注册邮箱校验

首页

新建房间

Midjourney

OpenAi Image

OpenAi GPT 3.5 & 4 官网 ChatGPT newBing

🔭 预览地址

客户端 chatgpt-shuowen
chatgpt-shuowen 2.0 版本，1.1.0 更名为 ai-beehive（爱蜂巢、AI 蜂巢），体验站：https://front.aibeehive.icu
chatgpt-shuowen 1.0 最终版分支地址，体验地址：https://front3.stargpt.top/#/
管理端 chatgpt-jiezi
后台 chatgpt-web-java

🔧 环境配置❗❗❗❗

参考环境

依赖项	版本
npm	8.11.0
node	v16.15.1
pnpm	7.5.0

issues环境相关问题回答

本地请求地址

从根目录 .env 文件中的 VITE_APP_API_BASE_URL 修改不同环境中的请求路径

📋 计划功能

功能	进度
登录邮箱注册	已完成 ✔️
项目布局房间列表路由结构搭建	已完成 ✔️
根据图纸参数动态配置鉴权新增房间	已完成 ✔️
日间模式暗夜模式适配	已完成 ✔️
对话md格式解析	已完成 ✔️
流式获取对话数据,类打字机效果	已完成 ✔️(后续可封装成组件)
OpenAi Image	已完成 ✔️
OpenAi GPT 3.5 & 4	已完成 ✔️
官网 ChatGPT	已完成 ✔️
NewBing	开发者... 👨‍🦽
Midjourney 根据状态定时获取新数据	已完成 ✔️
Midjourney 5s间隔手动更新状态	已完成 ✔️
Midjourney (Imagine Upscale Variation Describe)	已完成 ✔️
根据图纸参数动态配置鉴权编辑房间	开发中... 👨‍🦽
房间列表分层	开发中... 👨‍🦽
文心一眼	计划开发中... 👨‍🦽
通义千问	计划开发中... 👨‍🦽
chatglm	计划开发中... 👨‍🦽
绘图的图片画廊	计划开发中... 👨‍🦽

🔨构建运行

💾 环境准备

# 克隆项目
git clone https://github.com/mjjh1717/chatgpt-shuowen

cd chatgpt-shuowen

# 安装依赖项(推荐使用 pnpm : https://pnpm.io/zh/installation)
npm i -g pnpm # Installed and can be ignored

pnpm i # or npm i

🚗 运行

# 本地运行
pnpm dev

🚀 构建和发布

# 打包,打包后的代码再根目录dist文件夹下
pnpm build

🦼 其他操作

# 使用eslint校验代码格式问题
pnpm lint

# 使用eslint校验代码格式问题并修复
pnpm lint:fix

# 使用preview修复格式问题
pnpm preview

# 提交代码 包含了 git add . 和 cz-customizable 格式提交
pnpm commit

📣 风险声明

本项目仅供学习和研究使用，不鼓励用于商业用途。我们不对任何因使用本项目而导致的任何损失负责。

🔔 感谢

非常感谢大家对我们项目和开发工作的支持和认可。我们深知在开源软件开发过程中，用户和社区的反馈和支持是至关重要的。我们的项目代码已经提供了 README 和 issue，方便用户进行部署和解决问题，同时也可以促进我们项目的活跃度，会优先关注 issue 的问题。
然而，对于一些用户可能存在需要二次开发或部署方面的困难，我们在开发任务繁忙的情况下，难以抽出时间回答所有用户的问题，但我们会尽最大努力去回答用户的问题。同时，我们也可以提供付费的解答服务，为用户提供更多的支持。
我们的开发工作也在持续进行中，我们会不断迭代优化我们的技术设计方案和业务功能，项目不仅仅会提供所需的业务功能，也可以通过项目来学习一些技术的使用。如果您认为我们的开源项目有价值能帮助到您，并愿意支持我们的开发工作，可以为项目点个小星星或者请作者喝一杯可乐发电。我们将非常感谢。

📑 License

Apache-2.0 license © mjjh

ai-beehive-web's People

Contributors

Stargazers

Watchers

Forkers

chicomy watimer itxtl sunqitao zhaojunfu2020 xueyise rctianqi resetbit tongshiyang uniquewk yy731911671 mornone qmygithub ffmpegd hehan-wang smallvq123 scalafirst happyvee sheldonlc lldacing miaomiao-wzs yukino-yuki zxniuniu 21jar spoon-ss teckee thekers kengrofork kiyliy infinitezh hang0115 meihaojun suiyiding masl2020 studiousxiaoyu zhangxinyu alanleemou liangxiaowucai square-box godgyqing xiaohuaiyang mer163 doublexxxxxx maomao355 a1975765030 bberzhou jiangmaohua ai-awe panypopo adminlove520 bestniu sangood unrulpkk zhoujianjian wbw1985 xjtuhxz clampju gileth hsamgle guchenwl rxm1994 zhangcyuan 86547462 aixinxiaoba baoss gpt-develop-group gavin-j lt52896 gpt-web chihun desireall xxw2017 lskun bojianzhang richor1042 fanlu91 jacobhuang ismyitme wjs7740 zsw12013 gavin-gj springwindyike yuanfx starry-gaze libaxuan yangtiao liuyongs1 meefygh flyboot1992 liu-xiaojian kevinsu27 jianjianw ollamo zcchi hjw8810 freeme mrtoms xiaozhi1314 aiswfs andy521

ai-beehive-web's Issues

能不能告知一下nginx应该如何配置呢
location /api {
rewrite ^/api/?(.*)$ /$1 break;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass 代理地址;
}

赛博活菩萨

房间配置项编辑功能

支持查询房间配置项列表，支持编辑房间配置项

移动端适配

包含代码时样式有问题

图纸配置项样式优化

现在都是输入框，后续调整

MJ 执行中的任务添加图片

将执行中的任务添加图片

代码块的展示有问题

像上图所示。在回答过程中。代码块的展示有问题

增加请求过程过回答头像旁的 loading

新手开发，前端如何提交代码

vscode需要安装什么插件
vscode需要做那些配置才可以提交代码
遇到的问题如图片
图片

打包为dist并部署到nginx后，前端无法显示实时聊天内容

打包为dist并部署到nginx后，前端无法显示实时聊天内容：
hncboy/ai-beehive#111

未知编码错误

按ENTER键发送消息时会报错，点击发送按钮没问题。

在chrome69版本之项目跑不起来

Midjourney 房间报错发送按钮一直转圈

当接口返回报错时，发送按钮一直转圈，取消转圈。

打包后dist/index.html文件无法读取静态文件问题

通过pnpm build打包后，生成的index.html文件，指向的静态资源找不到。
目前打包后的文件

可正常找到静态文件的状态

在指向的文件前需要增加./

希望大佬帮助解决一下

内容展示长度显示

首页增加图纸列表

房间列表缩进

图片生成前,加载状态错误

在使用MJ进行图片生成时,在第一次记载出图片数据前,图片的显示状态是错误的.

按照命令执行报错

手机端无法使用

手机端无法使用，需要适配一下；

使用Nginx部署如何能实现打字的效果

目前我用Nginx部署前端代码，给出的问题，都是等全部请求结束后，一次性出来回答的

流式输出停止时报错

#14 在回答输出时点Stop Response 时报错[Cannot read properties of undefined (reading 'status')] ，已提交pr

前端启动报错405

前端更改.env文件，指定了VITE_APP_API_BASE_URL=http://后端ip:3002，然后打包了dist，放到了服务器nginx，且前端端口为1002，然后访问后端报错405 Not Allowed
POST http://后端ip:1002/api/user/login/email 405 (Not Allowed)

本地启动前端，连接服务器后端，就正常，不知道啥问题，求解决

前端读取一条数据，读取的不完整

比如这样：{"role":null,"id":"64a5dc2b-f38a-4450-8bfb-460c0fc5aded","parentMessageId":"aa60d106-09e6-47f0-82ea-e9da464d68cc","conversationId":"a615238e-51e6 然后用json解析这条数据就会报错。可以在下一次取数据时取出剩下的部分