ghChat
v2.5
Gitads
Inglês | Chinês simplificado
A razão pela qual se chama Ghchat é pensar em fazer alguma integração do Github no futuro, na esperança de tornar essa ferramenta de mensagens instantânea uma ferramenta de bate -papo para o Github. Atualmente, apenas o login autorizado do GitHub é suportado e as informações exibidas pelos usuários do GitHub são exibidas. Em seguida, você pode construir facilmente um grupo de projetos para o seu projeto Github no GHCHAT e depois postar o link do grupo para o ReadMe para facilitar a comunicação instantânea de projetos.
O endereço online do aplicativo (também um link de grupo para o projeto), suporta o Login de Autorização do GitHub direto
Se o login do GitHub falhar
É muito provável que seu github não defina email público
Recomenda -se ativar PWA
Front-end React Family Bucket, PWA, back-end Node.js (KOA2), back-end suporta e escreve alguns TS (a maioria dos tipos ainda não foi complementada com t^t), bancos de dados MySQL, Socketio, JWT, etc., consulte o package.json para detalhes. Além disso, Nginx, SSL, PM2, etc. são usados no ambiente de produção. Bem -vindo ao Ghchat Group para se comunicar. Estou online todos os dias e você também pode clicar para conversar comigo em particular.
Login/Register/Login/Login com vários dispositivos ao mesmo tempo
Suportar informações de login/exibição do GitHub divulgadas pelos usuários do GitHub
Layout responsivo, adaptado ao desktop e componentes móveis / a maioria dos interface do usuário são escritos por si mesmos
Chat privado/Adicionar contatos/perfil de amigo Exibir/excluir contatos
Bate -papo em grupo/crescimento de um grupo/grupo de informações/informações de grupo de informações/informação de grupo/notificação de entrada do recém -chegado
Pesquisa de Usuário e Pesquisa do Grupo: Suporte de Pesquisa Fuzzy de Firp-end e Back-end Fuzzy Search
Envie fotos/expressões postadas/envio arquivos/download arquivos/insira teclas de atalho para enviar informações/@alguém/visualizar imagens/enviar fotos de cópia (como capturas de tela de pasta e postar fotos diretamente)/exibir a tabela de página de bate -papo de acordo com a ordem descendente/grupo de ações | Entre em contato com as pessoas para outras pessoas | Grupo (suporte dentro e fora do aplicativo)
Notificação/switch do navegador Configurações de notificação/switch Para prompts/número de mensagens da lista Mensagens/atualização não lida | Reabrir | (Contas diferentes) Para re-log Página, o número de mensagens não lidas na lista ainda será exibido com precisão
GZIP COMPRESSÃO/Subcontrated Arquivos de construção/Lazy Chat Content Carregamento/roteamento On Demand/Interface Solicitação Limite de frequência/mecanismo de gerenciamento WebSocket
Robot Smart Chat Responder / implantar Certificado / Suporte SSL PWA / Suporte de back -end
Apoie o referência/suporte de referência Conteúdo do bate -papo/encapsulamento de back -end em SDK/Internacionalização/CD 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: Se você deseja usar a autorização do GitHub para fazer login, envie fotos e arquivos (usando o Qiniu Cloud CDN), você deve preencher a configuração correspondente no arquivo (ghchat/server/src/configs/configs.dev.ts), caso contrário, não será usado por padrão.
npm run start
cd .. // 返回到ghChat/目录
npm run start
Pré -requisito: Crie Arquivo Secrets.ts no Ghchat/ Server/ Pasta
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. Código front-end
cd src
npm run build:prod
2.Build Backend Code
cd sever
npm run build:prod
npm run start:prod )Aqui temos um processo de desenvolvimento do GHCHAT, que atualizará e resumirá constantemente os problemas, pontos de conhecimento e armadilhas que serão encontradas ao fazer este projeto de palha completa.
Mit
O código não é fácil, indique a fonte para referência
Se for útil para você ou acha que não é ruim, você pode estrelar ou me dar uma recompensa (〃 '▽' 〃)
