基於NodeJS的祕室聊天室

藉着放假期間將NodeJS從新回顧了一下並玩了一下sketch來進行設計界面，很不錯。（注：代碼整理後會放到github上，請關注。）

本次聊天室我給它定義了一個名稱叫「祕密聊天室」。

需求：

技術選型：

後端：NodeJs,Socket.io,中間件(express,body-parser,multer,ejs),mongoose

         express：是NodeJs Web應用框架，主要是要理解它的router

         body-parser:用於獲取req中的參數值

         multer:用於上傳文件

         ejs:用於模板渲染

　　   mongoose:鏈接mongoose數據庫

數據庫：mongodb

前端：bootstrap佈局，vuejs進行雙向綁定，請求仍是使用的jquery的ajax,未使用fetch（主要是bootstrap是基於jquery的，因此沒用使用webpack或browerify等打包工具進行處理fetch）。

實現：

　　一、建立web服務器

　　

　　二、進行身份認證，哪些路由要進行身份處理。

　　

　　四、數據庫配置

　　

　　五、定義數據模型

　　

　　六、用戶註冊，登陸

　　

　　七、創建socket.io

　　

　　八、前端代碼就比較簡單了，無否是一些請求而已，下面只截取前端socke.io部分。

　　

　　

運行效果：

　　一、登陸

　　

　　二、主界面

　　

　　三、建立房間（建立本身感興趣的話題）

　　

　　三、模擬兩個用戶

　　

　　四、每一個房間鼠標移入會顯示房間內容

　　

　　五、加入房間，會提示誰加入

　　

　　六、退出房間，一樣會有提示，房間之間互不影響。

　　

　　七、消息

　　

在現階段還有未完成部分。如消息的保存，人員頭像,收藏等。

後續，但願能夠將nodejs消息處理作成一個通用組件，安裝消息中心後，任何系統中能夠很方便調用。

 

最後來一張sketch的設計稿