Unduh ghChat - Unduh Kode Sumber ghChat

ghChat

Kode Sumber AI

v2.5

Unduh

Gitad

Ghchat

Bahasa Inggris | Cina yang disederhanakan

Ghchat (Versi React)

Alasan mengapa itu disebut Ghchat adalah untuk berpikir untuk melakukan beberapa integrasi github di masa depan, berharap untuk menjadikan alat pesan instan ini alat obrolan untuk GitHub. Saat ini, hanya login resmi GitHub yang didukung dan informasi yang ditampilkan oleh pengguna GitHub ditampilkan. Kemudian Anda dapat dengan mudah membangun grup proyek untuk proyek GitHub Anda di Ghchat, dan kemudian memposting tautan grup ke Readme untuk memfasilitasi komunikasi instan proyek.

Alamat aplikasi online (juga tautan grup untuk proyek), mendukung login otorisasi GitHub Langsung

Jika login GitHub gagal

Lihat Cara Mengaturnya

Sangat mungkin bahwa github Anda tidak mengatur email publik

ACF5CEB66E47AEE81B5ABD21592A3827

Disarankan untuk mengaktifkan PWA

Tumpukan Teknologi

Front-end React Family Bucket, PWA, back-end node.js (KOA2), dukungan back-end dan menulis beberapa TS (sebagian besar jenis belum dilengkapi dengan T^t), database MySQL, Socketio, JWT, dll., Lihat Package.json untuk detailnya. Selain itu, Nginx, SSL, PM2, dll. Digunakan di lingkungan produksi. Selamat datang untuk bergabung dengan grup GHChat untuk berkomunikasi. Saya online setiap hari, dan Anda juga dapat mengklik untuk mengobrol dengan saya secara pribadi.

foto

Diagram tampilan proyek terperinci

Klik untuk dilihat

Kemajuan saat ini

Klik untuk dilihat

Akun

Login/register/login/login dengan beberapa perangkat secara bersamaan

Integrasi ke GitHub

Mendukung Github Otorisasi Login/Tampilan Informasi yang Diungkapkan oleh Pengguna GitHub

Ui

Tata letak responsif, disesuaikan dengan desktop dan komponen seluler / kebanyakan UI ditulis sendiri

Obrolan pribadi

Obrolan Pribadi/Tambahkan Kontak/Tampilan Profil Teman/Hapus Kontak

Obrolan grup

Obrolan Kelompok/Menumbuhkan Tampilan Informasi Grup/Grup/Informasi Pengeditan Informasi/Informasi Grup/Pemberitahuan Entri Pendatang Baru

Pertanyaan

Pencarian Pengguna && Pencarian Grup: Dukungan Pencarian Fuzzy Front-End dan pencarian fuzzy back-end

Metode obrolan yang kaya

Kirim gambar/Ekspresi yang Diposting/Kirim file/unduh file/masukkan tombol pintasan untuk mengirim informasi/@seseorang/tampilan gambar/Kirim gambar salinan (seperti Tempel Tempel dan Posting Gambar Langsung)/Tampilan Tabel Halaman Obrol

Tips Berita Baru

Browser Desktop Notification/Switch Settings untuk prompt pesan/jumlah daftar pesan yang belum dibaca/refresh | dibuka kembali | (akun yang berbeda) untuk mencatat ulang halaman, jumlah pesan yang belum dibaca pada daftar masih akan ditampilkan secara akurat

Rekonstruksi dan optimasi yang berkelanjutan

GZIP Kompresi/Subkontrak Membangun File/Lazy Chat Loading/Routing on Demand/Interface Permintaan Batas Frekuensi/Mekanisme Manajemen Websocket

lainnya

Robot Smart Chat Reply / Deploy SSL Certificate / Dukungan PWA / Backend Support TS

Todo

Dukungan Markdown/Dukungan Referensi Konten Obrolan/Backend Encapsulation ke dalam SDK/Internasionalisasi/CD CI

Diagram Struktur Proyek

Klik untuk dilihat

 ├── 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配置

Pengembangan Lokal

Klik untuk dilihat

Proyek ditarik secara lokal

 git clone https://github.com/aermin/ghChat.git

Unduh paket NPM front-end

 cd ghChat

 npm i

Unduh paket NPM di backend

 cd ghChat/server

 npm i

Inisialisasi database

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

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

PS: Jika Anda ingin menggunakan otorisasi GitHub untuk masuk, kirim gambar dan file (menggunakan qiniu cloud CDN), Anda harus mengisi konfigurasi yang sesuai dalam file (GHChat/Server/SRC/Configs/Configs.dev.ts), jika tidak itu tidak akan digunakan secara default.

Jalankan kode front-end dan back-end

 npm run start

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

 npm run start

Gunakan di Lingkungan Produksi

Klik untuk dilihat

Prasyarat: Buat file Secrets.ts di 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. Bangun kode front-end

 cd src
npm run build:prod

2. Bangun kode backend

 cd sever
npm run build:prod

Letakkan folder (build, dist) yang dihasilkan oleh langkah 1 dan 2 di server Anda, jalankan file dist/index.js (Anda dapat menyalin ghchat/server/package.json ke server Anda, dan kemudian jalankan npm run start:prod )

Di sini kami memiliki proses pengembangan GHChat, yang akan terus memperbarui dan merangkum masalah, titik pengetahuan, dan jebakan yang akan ditemui saat melakukan proyek tumpukan penuh ini.