【亲测免费】 AI机器人群聊项目教程

1. 项目目录结构及介绍

AI机器人群聊项目是一个开源的多人在线聊天应用，支持多个AI角色参与对话。以下是项目的目录结构及其功能的简要介绍：

botgroup.chat/
├── .github/              # 存放GitHub Actions的配置文件
│   └── workflows/
├── components.json       # 组件配置文件
├── devrun.sh             # 本地开发启动脚本
├── dist/                 # 构建产物目录
├── functions/            # 云函数目录
├── public/               # 公共静态资源目录
├── src/                  # 源代码目录
│   ├── api/              # API相关代码
│   ├── components/       # React组件
│   ├── config/           # 配置文件
│   ├── pages/            # 页面组件
│   ├── styles/           # 样式文件
│   └── utils/            # 工具函数
├── tailwind.config.js    # Tailwind CSS配置文件
├── tsconfig.app.json     # TypeScript应用配置文件
├── tsconfig.json         # TypeScript配置文件
├── tsconfig.node.json    # TypeScript Node配置文件
├── vite.config.ts        # Vite配置文件
└── warngler.toml         # WarnGLM配置文件

2. 项目的启动文件介绍

项目的本地启动主要通过devrun.sh脚本实现。这个脚本会执行以下步骤：

• 安装项目依赖
• 运行Vite开发服务器

启动脚本内容如下：

#!/bin/bash
npm install
npm run dev

在终端中运行sh devrun.sh即可启动项目，并在默认浏览器中打开http://127.0.0.1:8788以查看应用。

3. 项目的配置文件介绍

项目的配置文件主要包括以下几个：

• config/aiCharacters.ts：配置AI角色的信息，包括ID、名称、性格、使用的模型、头像以及自定义提示词等。

• config/groups.ts：配置群组信息，包括群组的唯一标识、名称、描述以及群组成员ID数组。

• .github/workflows/fix workflow.yml：GitHub Actions的配置文件，用于自动化一些流程，如代码推送时的构建和部署等。

• postcss.config.js：PostCSS的配置文件，用于处理CSS代码。

• tailwind.config.js：Tailwind CSS的配置文件，用于定制化Tailwind CSS的行为。

• vite.config.ts：Vite的配置文件，用于配置Vite开发服务器的行为以及构建过程。

这些配置文件定义了项目的核心功能和外观，可以通过修改它们来定制化项目。