happy chat web

happy-chat-web

樂聊，一個快樂聊天的應用，支援pc端和無線端。一款聊天的技術產品，支援pc端，無線端，桌面端和android端。支援文字，emoji表情，https和http2.0，全域Router.beforEach實作資料埋點等，技術堆疊：vue+vuex+koa2+websocketIO+mysql+redis。桌面端(win)採用的electron實現，android端採用cordova。線上網址：https://chat.chengxinsong.cn

1、功能

• 版本v 1.0.0

  • 1、支援註冊用戶及郵件啟動用戶；
  • 2、支援登陸
  • 3、支援機器人聊天；
  • 4.支援加好友，一對一聊天；
  • 5.支援創建群，加群，一對多聊天；
  • 6.支援刪除好友，退出群組
  • 7.支持個人資訊編輯
  • 8.支援新增好友備註
  • 9.支援聊天中文字發送
  • 10.支援瀏覽器：Chrome，Firefox，Safari，IE9以上；

• 版本v 1.1.0

  • 1.支援聊天中表情發送
  • 2、支援聊天內容分頁獲取，滾動條保持在分頁時候的地方
  • 3.支援聊天中圖片發送

• 版本v 1.1.1

  • 1.支援https和http2.0，前端路由模式history

• 版本v 1.1.2

  • 1.資料埋點，頁面PV相關數據統計
  • 2、登陸日誌統計

• 版本v 1.1.3

  • 1、留言回饋模組
  • 2、支援用戶名登陸修改密碼

2.線上地址

https://chat.chengxinsong.cn

3.源碼使用

 git clone https: // github.com/saucxs/happy-chat-web.git

cd happy - chat - web

npm i

npm run dev 

4、截圖

聊天

機器人

訊息清單

通訊錄

個人資訊

等等

5、源碼位址

專案採用前後端分離，暫時沒有給予資料庫，有需求可以聯絡我。

• 前端程式碼：https://github.com/saucxs/happy-chat-web
• 後端程式碼：https://github.com/saucxs/happy-chat-node

6.相應文章

• happyChat開發系列：使用websocket.io實現雙向通訊的樂聊大前端開發
• 【nginx系列】nginx升級到支援HTTP2.0

7.歡迎關注

show me code：https://github.com/saucxs

後續會出更多知識體系構建，技術分享，項目實戰，實驗室等，歡迎關注本公眾號: [松寶寫代碼]

微信公眾號： [松寶寫代碼] songEagle開發知識體系構建，技術分享，專案實戰，實驗室，帶你一起學習新技術，總結學習過程，讓你進階到高級資深工程師，學習專案管理，思考職涯發展，生活感悟，充實中成長。問題或建議，請公眾號留言。

微信群： 【寫程式】研發進階群一個成長交流的產研群，幫忙拉產研的同學們進群，聚聚人氣??。 每一個開發同學都應該形成自己的知識體系，做到提綱挈領???