ghChat
v2.5
Gitads
Английский | Упрощенный китайский
Причина, по которой это называется GHCHAT, заключается в том, чтобы подумать о том, чтобы сделать некоторую интеграцию GitHub в будущем, надеясь сделать этот инструмент обмена мгновенными сообщениями инструментом чата для GitHub. В настоящее время поддерживается только авторизованный вход GitHub, а информация, отображаемая пользователями GitHub, отображается. Затем вы можете легко построить проектную группу для вашего проекта GitHub в Ghchat, а затем опубликовать ссылку на группу в ReadMe, чтобы облегчить мгновенное общение проектов.
Онлайн -адрес приложения (также группа группы для проекта) поддерживает вход в систему прямого Github Authortization
Если вход GitHub не удается
Весьма вероятно, что ваш GitHub не устанавливает публичную электронную почту
Рекомендуется включить PWA
Семейное ведро спереди, PWA, Back-End Node.js (KOA2), Бэк-Эндская поддержка и записывает некоторые TS (большинство типов еще не дополнены T^T), базы данных MySQL, SocketIo, JWT и т. Д., См. Package.json для деталей. Кроме того, Nginx, SSL, PM2 и т. Д. Используются в производственной среде. Добро пожаловать, чтобы присоединиться к группе GHCHAT для общения. Я в сети каждый день, и вы также можете нажать, чтобы пообщаться со мной в частном порядке.
Вход/регистр/вход/вход в систему с несколькими устройствами одновременно
Поддержка github Authortization Login/Display Information, раскрытая пользователями GitHub
Отзывчивый макет, адаптированный к настольным и мобильным / большинству компонентов пользовательского интерфейса написана сами
Приватный чат/добавление контактов/Профиль друга отображение/удаление контактов
Групповой чат/Расширение информации о дисплее группы/группе/Редактирование информации/информация о группе/уведомление о записи новичков
Поиск пользователя и поиск группы: нечеткий поиск в фронта
Отправить изображения/опубликованные выражения/отправить файлы/файлы загрузки/ввести клавиши ярлыков, чтобы отправить информацию/@Comeleo/Picture View/Отправьте картинки копирования (например, вставьте экранические снимки и публикации изображений непосредственно)/Отображение таблицы страниц чата в соответствии с нисходящим заказом/общей группой | Свяжитесь с людьми с другими людьми | Группа (поддержка как внутри, так и снаружи приложения)
Уведомление о уведомлении на рабочем столе браузера/настройки переключения для подсказок сообщений/Количество списков нечитанных сообщений/обновления | Repeen | (разные учетные записи) для повторного лога
GZIP сжатие/субконтрактные файлы сборки/ленивый контент чата Загрузка/маршрутизация по запросу/механизм управления частотой запроса по требованию/интерфейсам.
Robot Smart Chat Ответ / развернуть SSL -сертификат / поддержка PWA / Backend Support TS
Поддержка Markdown/Support Справочный контент чата/Бэкэнд -инкапсуляция в SDK/Internationalization/CI CD
├── LICENSE
├── README-zh_CN.md
├── README.md
├── package-lock.json
├── package.json
├── postcss.config.js
├── server // 后端代码
│ ├── ecosystem.config.js
│ ├── init // 初始化mysql数据库的脚本
│ ├── nodemon.json
│ ├── package-lock.json
│ ├── package.json
│ ├── secrets.ts // 放一些非公开的secret
│ ├── src
│ ├── app
│ ├── context
| ├── controllers
| ├── index.ts
| ├── middlewares
| ├── routes // 后端路由，跟登录注册模块有关
| ├── server.ts
| ├── services
| ├── socket // 除了登录注册，其他都用socket 来通信
| └── utils
| ├── configs
| ├── configs.common.ts // 后端通用配置
| ├── configs.dev.ts // 后端开发配置
| └── configs.prod.ts // 后端生产配置
└── main.ts
│ ├── tsconfig.json
│ ├── tslint.json
│ └── webpack.config.js
├── src // 前端代码
│ ├── App.js
│ ├── app.scss
│ ├── assets
│ ├── components
│ ├── containers
│ ├── index.html
│ ├── index.js
│ ├── manifest.json // PWA需要
│ ├── modules
│ ├── redux
│ ├── router
│ ├── service-worker.js // PWA需要
│ └── utils
├── webpack.common.config.js // 通用webpack设置
├── webpack.prod.config.js //生产相关的webpack配置
└── webpack.dev.config.js //开发相关的webpack配置
git clone https://github.com/aermin/ghChat.git
cd ghChat
npm i
cd ghChat/server
npm i
//需要先在本地建一个名为ghchat的mysql数据库
数据库配置参考如下(ghChat/server/src/configs/configs.dev.ts) 的dbConnection
npm run init_sql //然后查看下数据库是否init成功
PS: Если вы хотите использовать авторизацию GitHub для входа в систему, отправлять изображения и файлы (используя Crine CDN Qiniu), вы должны заполнить соответствующую конфигурацию в файле (GHCHAT/Server/SRC/configs/configs.dev.ts), в противном случае он не будет использоваться по умолчанию.
npm run start
cd .. // 返回到ghChat/目录
npm run start
Предварительное условие: создать файл secrets.ts в GHCHAT/ Server/ Folder
export default {
port: '3000', // server 端口
dbConnection: {
host: '', // 数据库IP
port: 3306, // 数据库端口
database: 'ghchat', // 数据库名称
user: '', // 数据库用户名
password: '', // 数据库密码
},
client_secret: '', // github的client_secret
jwt_secret: '', // jwt的secret
qiniu: { // 七牛云cdn配置
accessKey: '',
secretKey: '',
bucket: ''
},
robot_key: '', // 机器人聊天用到的key => 请自己申请 http://www.tuling123.com/
};
1. Сделайте код фронта
cd src
npm run build:prod
2. Код Build Backend
cd sever
npm run build:prod
npm run start:prod )Здесь у нас есть процесс разработки GHCHAT, который постоянно обновляет и суммирует проблемы, знания и подводные камни, которые будут встречаться при выполнении этого проекта с полным стеком.
Грань
Код не прост, укажите источник для справки
Если это полезно для вас или думает, что это неплохо, вы можете сыграть или дать мне награду (〃 '▽' 〃)
