ghChatダウンロードghChatソースコードのダウンロード

ghChat

AI ソースコード

v2.5

ダウンロード

gitads

ghchat

英語|単純化された中国人

ghchat（Reactバージョン）

GHCHATと呼ばれる理由は、このインスタントメッセージングツールをGitHubのチャットツールにすることを望んで、将来のGitHub統合を行うことを検討することです。現在、GitHub認定ログインのみがサポートされており、GitHubユーザーによって表示される情報が表示されています。その後、GhchatのGitHubプロジェクトのプロジェクトグループを簡単に構築し、グループリンクをREADMEに投稿して、プロジェクトの即時コミュニケーションを容易にすることができます。

アプリケーションオンラインアドレス（プロジェクトのグループリンク）は、直接Github Authorizationログインをサポートしています

GitHubログインが失敗した場合

セットアップ方法をご覧ください

あなたのgithubが公開電子メールを設定しない可能性が非常に高いです

ACF5CEB66E47AEE81B5ABD21592A3827

PWAを有効にすることをお勧めします

テクノロジースタック

フロントエンドの反応ファミリーバケット、PWA、バックエンドnode.js（KOA2）、バックエンドはいくつかのTS（ほとんどのタイプにはまだt^tが補完されていません）、データベースMySQL、Socketio、JWTなどをサポートおよび書き込みます。詳細についてはPackage.jsonを参照してください。さらに、Nginx、SSL、PM2などは、生産環境で使用されます。 Ghchat Groupに参加してコミュニケーションをとることを歓迎します。私は毎日オンラインであり、クリックして個人的にチャットすることもできます。

詳細なプロジェクト表示図

クリックして表示します

現在の進捗

クリックして表示します

アカウント

複数のデバイスで同時にログイン/登録/ログイン/ログインします

Githubへの統合

GitHubユーザーが開示するGitHub Authorizationログイン/表示情報をサポートします

ui

デスクトップとモバイル /ほとんどのUIコンポーネントに適合したレスポンシブレイアウトは、それ自体で書き込まれます

プライベートチャット

プライベートチャット/連絡先/友達プロファイルディスプレイ/削除連絡先

グループチャット

グループチャット/グループ/グループ情報ディスプレイ/グループ情報編集/グループ情報/新人エントリ通知

クエリ

ユーザー検索&&グループ検索：サポートフロントエンドファジー検索とバックエンドファジー検索

豊富なチャット方法

写真/投稿された式/掲載/ファイルの送信/ダウンロードファイル/ショートカットキーを入力して情報を送信する/@@誰か/画像ビュー/コピー画像（貼り付けスクリーンショットや写真を直接投稿するなど）/ディスプレイチャットページテーブルの下降順序/共有グループ|他の人に連絡する|グループ（アプリケーションの内外の両方をサポート）

新しいニュースのヒント

メッセージプロンプトのブラウザデスクトップ通知/スイッチ設定リストUNREADメッセージの数/更新|再開|（異なるアカウント）ページを再ログに、リスト上の未読メッセージの数は正確に表示されます

継続的な再構築と最適化

GZIP圧縮/下請けビルドファイル/レイジーチャットコンテンツの読み込み/ルーティングオンデマンド/インターフェイス要求頻度制限/ウェブソケット管理メカニズム

他の

ロボットスマートチャット返信 /展開SSL証明書 /サポートPWA /バックエンドサポートTS

トト

サポートマークダウン/サポートリファレンスチャットコンテンツ/バックエンドカプセル化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

フロントエンド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 Authorizationを使用してログインし、写真とファイル（Qiniu Cloud CDNを使用）を送信する場合は、ファイル（GHCHAT/Server/SRC/Configs/configs.dev.ts）の対応する構成を入力する必要があります。それ以外の場合はデフォルトでは使用されません。

フロントエンドとバックエンドコードを実行します

 npm run start

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

 npm run start

生産環境で使用します

クリックして表示します

前提条件：ghchat/ server/ folderに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.フロントエンドコードを構築します