Tyloo Chat

Tyloo-chat (imitasi wechat)

Alamat akses online ditutup sementara

menjelaskan

Fork proyek ini telah dioptimalkan dan ditingkatkan dari General-Cat. Terima kasih kepada Boss Genal untuk ide -ide open source -nya!

Masih saatnya untuk terus mengoptimalkan, jadi tetaplah disini !!!

Jika Anda pikir itu cukup bagus, silakan klik bintang untuk mendorongnya !!!

Klien Versi Elektron telah dirilis, lihat rilis untuk detailnya

Tangkapan layar dari beberapa fungsi

• Antarmuka keseluruhan

• Kontak

• Fungsi Obrolan Grup (Daftar Anggota Grup, Status Online, Dukungan untuk Menambahkan Anggota Grup)
• Daftar Sesi (Top/Hapus)

• Fungsi retraksi pesan

Klien Versi Elektron (terletak di Cabang Electron_Version)

• Versi Windows (EXE)

• Versi Mac (DMG)

Fitur

• Pendaftaran Login Pengguna (mendukung login tunggal yang tertanam dalam sistem pihak ketiga)
  • Alamat masuk tunggal, klik tombol komunikasi online di sudut kanan atas setelah masuk
• Obrolan grup (mirip dengan grup QQ)
  • Mengundang teman untuk bergabung dengan obrolan grup
  • Ubah nama grup/pengumuman grup
• Fungsi teman
• Fungsi Buku Kontak (mendukung akses ke struktur organisasi sistem pihak ketiga dan memulai obrolan secara langsung)
• Fungsi obrolan
  • Paket emoji emoji
  • Gambar Kirim/Pratinjau Gambar
  • Kirim lampiran
  • Pagination pesan
  • Pencabutan/Salin Pesan
• Tema khusus
• Sesi Top/Hapus
• Menghubungkan kembali pengingat
• Smart Assistant (default, terletak di cabang utama, menggunakan mesin pencari ES membutuhkan pembuatan manual ES TESAURUS)
• Robot API pihak ketiga (versi demo online saat ini, terletak di cabang fitur_apirobot)
• Versi elektron (terletak di cabang electron_version, mendukung pembuatan klien DMG dan EXE)

Tumpukan Teknologi

• ujung depan

  • Vue CLI 4.x
  • Antd untuk vue

• ujung belakang

  • Nestjs
  • Typeorm
  • Mysql

• Socket.io

• ELASTICSEARCE ES ENGINE Pencari (digunakan untuk robot untuk respons cepat dan otomatis)

• NodeJieba Node Versi Segmenter Kata Cina

Desain struktur tabel basis data

Persiapan Lingkungan

• mysql
• Database obrolan (perlu dibuat secara manual, harap dicatat bahwa format pengkodean database adalah utf8bm64``utf8bm64``utf8bm64 !!! )
• Node V10.16.3

Hal -hal yang perlu diperhatikan saat menarik kode

 // windows系统需要配置一下,提交时转换为LF，检出时不转换
git config --global core.autocrlf input

 // 设置为区分大小写
git config core.ignorecase false

Jalankan proyek

 // client
cd client 
cnpm i
npm start 

 // server
cd server
cnpm i
npm run start 

Cara menggunakan

Menyebarkan

Menggunakan ruang obrolan di bawah centos

Integrasi pihak ketiga/masuk tunggal

• Kode lompatan berikut tertanam dalam sistem pihak ketiga, dan parameter userId dan username diperlukan.

 let chatUrl // 当前聊天室客户端地址
let userId // 当前系统用户userId
let username // 当前系统用户昵称

window . open ( ` ${ chatUrl } ?userId= ${ userId } &username= ${ username } ` ) ;

• Ruang obrolan memperoleh parameter dan secara otomatis menyelesaikan login (jika ini adalah pertama kalinya Anda masuk, Anda akan secara otomatis mendaftarkan akun)

• Atur klien ruang obrolan VUE_APP_ORG_URL untuk mendapatkan alamat antarmuka struktur organisasi dari sistem pihak ketiga

  • Setel vue_app_org_url

   // .env.xxx
  // 此接口可以获取到第三方系统的所有部门和人员信息,注意为嵌套tree结构
  VUE_APP_ORG_URL = http : / / 127.0 .0 .1 : 8080 / api / getDeptUsersTree

  • Beralih ke antarmuka kontak untuk secara otomatis mengeluarkan permintaan

   // Contact.vue
  axios . post ( process . env . VUE_APP_ORG_URL ) . then ( ( res ) => {
      this . organizationArr = res . data . data ;
  } ) ;

  • Format nilai pengembalian adalah sebagai berikut

   interface node {
      id: string ; // id
      label: string ; // 名称
      flag: boolean ; // 是否有下级结点
      children: node [ ] ; // 下级结点
  }

  • Jika Anda tidak perlu mengintegrasikan struktur organisasi pihak ketiga, cukup hapus VUE_APP_ORG_URL , dan sesuaikan dan ubah sendiri dalam situasi lain.

Tinjauan Ide

Proses Pembentukan Websocket

Todo

• @功能实现
• 消息转发
• 代码性能优化
• 群聊功能继续完善
• 微信快捷登陆
• Electron客户端检查更新

Kelompok komunikasi