Tyloo Chat

Tyloo-Chat (Nachahmungswechat)

Die Online -Zugangsadresse ist vorübergehend geschlossen

veranschaulichen

Diese Projektgabel wurde von General-Chat optimiert und verbessert. Vielen Dank an das Boss Genal für seine Open Source -Ideen!

Es ist noch Zeit, weiter zu optimieren, also bleiben Sie dran !!!

Wenn Sie denken, dass es ziemlich gut ist, klicken Sie bitte auf Star, um es zu ermutigen !!!

Die Elektronenversion -Client wurde veröffentlicht, siehe Release für Details

Screenshots einiger Funktionen

• Gesamtschnittstelle

• Kontakte

• Gruppen -Chat -Funktion (Gruppenmitgliedsliste, Online -Status, Unterstützung für das Hinzufügen von Gruppenmitgliedern)
• Sitzungsliste (Top/Löschen)

• Meldungserziehungsfunktion

Electron Version Client (befindet sich im Electron_version -Zweig)

• Windows -Version (exe)

• MAC -Version (DMG)

Besonderheit

• Benutzeranmelderegistrierung (unterstützt ein einzelnes Anmeldung, eingebettet in Systeme von Drittanbietern)
  • Klicken Sie nach der Anmeldung auf die Online-Kommunikationstaste in der oberen rechten Ecke, nachdem Sie sich angemeldet haben
• Gruppenchat (ähnlich wie die QQ -Gruppe)
  • Laden Sie Freunde ein, sich dem Gruppenchat anzuschließen
  • Ändern Sie den Gruppennamen/die Ankündigung der Gruppen
• Freunde funktionieren
• Kontaktbuchfunktion (unterstützt den Zugriff auf die Organisationsstruktur des Drittanbieters und initiiert direkt den Chat)
• Chat -Funktion
  • Emoji Emoji Pack
  • Bild senden/Bild Vorschau
  • Anhänge senden
  • Nachrichtenpaginierung
  • Meldung Rückzug/Kopie
• Benutzerdefiniertes Thema
• Sitzung Top/Löschen
• Erinnerung neu zusammenhängen
• Smart Assistant (Standardeinstellung, im Hauptzweig und die Verwendung der ES -Suchmaschine erfordert manuelle Erstellung von ES Thesaurus)
• API-Roboter von Drittanbietern (aktuelle Online-Demo-Version, befindet sich in der Filiale feature_apirobot)
• Elektronenversion (befindet sich im Electron_version -Zweig und unterstützt die Erzeugung von DMG- und EXE -Clients)

Technologiestapel

• Frontend

  • Vue Cli 4.x
  • Antd für Vue

• hinteres Ende

  • Nestjs
  • Typorm
  • Mysql

• Socket.io

• Elasticsearch ES -Suchmaschine (verwendet mit Robotern für schnelle und automatische Antworten)

• Nodejieba -Knotenversion Chinesisches Wortsegmentierer

Datenbanktabelle Struktur Design

Umweltvorbereitung

• Mysql
• CHAT -Datenbank (Sie müssen manuell erstellt werden. Bitte beachten Sie, dass das Datenbank -Codierungsformat utf8bm64``utf8bm64``utf8bm64 !!!) ist .
• Knoten V10.16.3

Dinge zu beachten beim Ziehen Code

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

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

Führen Sie das Projekt aus

 // client
cd client 
cnpm i
npm start 

 // server
cd server
cnpm i
npm run start 

Bereitstellung

Einsetzen

Chatrooms unter CentOS einsetzen

Integration von Drittanbietern/Einzelanmeldungen

• Der folgende Sprungcode ist in das Drittanbietersystem eingebettet, und userId und username sind erforderlich.

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

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

• Der Chatraum erhält Parameter und vervollständigt automatisch das Anmeldung (wenn Sie sich zum ersten Mal anmelden, registrieren Sie automatisch ein Konto).

• Legen Sie den Chatroom Client VUE_APP_ORG_URL fest, um die Schnittstellenadresse der Organisationsstruktur des Drittanbieters zu erhalten

  • Setzen Sie VUE_APP_ORG_URL

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

  • Wechseln Sie zur Kontaktoberfläche, um die Anforderungen automatisch auszustellen

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

  • Das Rückgabewertformat lautet wie folgt

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

  • Wenn Sie die Organisationsstruktur von Drittanbietern nicht integrieren müssen, löschen Sie einfach VUE_APP_ORG_URL und passen Sie sie selbst in anderen Situationen an und ändern Sie sie selbst.

Überblick über Ideen

Websocket -Einrichtungsprozess

Todo

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

Kommunikationsgruppe