ghChat 다운로드 ghChat 소스 코드 다운로드

ghChat

AI 소스 코드

v2.5

다운로드

Gitads

GHCHAT

영어 | 단순화 된 중국어

ghchat (반응 버전)

GHCHAT라고 불리는 이유는이 인스턴트 메시징 도구를 GitHub의 채팅 도구로 만들기를 희망하면서 미래에 GitHub 통합을 수행하는 것에 대해 생각하는 것입니다. 현재 GitHub 승인 된 로그인 만 지원되며 GitHub 사용자가 표시하는 정보가 표시됩니다. 그런 다음 GHCHAT에서 GitHub 프로젝트를위한 프로젝트 그룹을 쉽게 구축 한 다음 그룹 링크를 ReadMe에 게시하여 프로젝트의 즉각적인 커뮤니케이션을 용이하게 할 수 있습니다.

응용 프로그램 온라인 주소 (프로젝트의 그룹 링크)는 Direct Github Authorization 로그인을 지원합니다.

GitHub 로그인이 실패한 경우

설정 방법을 확인하십시오

Github가 공개 이메일을 설정하지 않았을 가능성이 높습니다.

ACF5CEB66E47AEE81B5ABD21592A3827

PWA를 활성화하는 것이 좋습니다

기술 스택

프론트 엔드 반응 패밀리 버킷, PWA, 백엔드 Node.js (KOA2), 백엔드 지원 및 일부 TS (대부분의 유형은 아직 t^t로 보충되지 않았다), 데이터베이스 MySQL, Socketio, JWT 등을 작성하고, 세부 사항은 package.json을 참조하십시오. 또한 Nginx, SSL, PM2 등이 생산 환경에서 사용됩니다. GHCHAT 그룹에 가입하여 의사 소통에 오신 것을 환영합니다. 나는 매일 온라인에 있으며, 클릭하여 나와 개인적으로 채팅 할 수도 있습니다.

자세한 프로젝트 디스플레이 다이어그램

보려면 클릭하십시오

현재 진행 상황

보려면 클릭하십시오

계정

로그인/등록/로그인/로그인/여러 장치로 동시에 로그인하십시오

Github에 통합

GitHub 사용자가 공개 한 GitHub Authorization 로그인/디스플레이 정보를 지원합니다

UI

데스크탑 및 모바일 / 대부분의 UI 구성 요소에 적합한 반응 형 레이아웃은 스스로 작성됩니다.

개인 채팅

개인 채팅/연락처 추가/친구 프로필 디스플레이/연락처 삭제

그룹 채팅

그룹 채팅/그룹/그룹 정보 표시/그룹 정보/그룹 정보 편집/그룹 정보/신입생 항목 알림

질문

사용자 검색 및 그룹 검색 : 프론트 엔드 퍼지 검색 및 백엔드 퍼지 검색 지원

풍부한 채팅 방법

사진 보내기/게시물 보내기/파일 보내기/다운로드 파일을 보내기/바로 가기 키를 입력하여 정보/@누군가/사진보기/복사 사진 보내기 사진 (예 : 내림차순 주문/공유 그룹에 따라 채팅 페이지 테이블 표시 | 다른 사람에게 연락) (응용 프로그램 내부와 외부에서 지원).

새로운 뉴스 팁

메시지 프롬프트에 대한 브라우저 데스크탑 알림/스위치 설정/읽지 않은 메시지/새로 고침 | 재개 | (다른 계정) 페이지를 다시 로그로 표시하면 목록의 읽지 않은 메시지 수는 여전히 정확하게 표시됩니다.

지속적인 재구성 및 최적화

GZIP 압축/하청 계약 빌드 파일/게으른 채팅 컨텐츠로드/라우팅/인터페이스 요청 빈도 제한/WebSocket 관리 메커니즘

다른

로봇 스마트 채팅 답장 / 배포 SSL 인증서 / 지원 PWA / 백엔드 지원 TS

TODO

마크 다운/지원 참조 채팅 컨텐츠/백엔드 캡슐화 SDK/국제화/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

프론트 엔드 NPM 패키지를 다운로드하십시오

 cd ghChat

 npm i

백엔드에서 NPM 패키지를 다운로드하십시오

 cd ghChat/server

 npm i

데이터베이스를 초기화하십시오

 //需要先在本地建一个名为ghchat的mysql数据库
数据库配置参考如下(ghChat/server/src/configs/configs.dev.ts) 的dbConnection

npm run init_sql    //然后查看下数据库是否init成功

PS : GitHub 인증을 사용하여 로그인하려면 사진 및 파일 (Qiniu Cloud CDN 사용)을 보내려면 파일 (GHCHAT/Server/SRC/Configs/Configs.dev.ts)의 해당 구성을 작성해야합니다.

프론트 엔드 및 백엔드 코드를 실행하십시오

 npm run start

 cd ..      // 返回到ghChat/目录

 npm run start

생산 환경에서 사용합니다

보려면 클릭하십시오

전제 조건 : GHCHAT/ Server/ 폴더에서 Secrets.ts 파일을 작성하십시오

 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. 프론트 엔드 코드를 구축합니다