使用Ionic和Node.js的WebSocket多客戶端聊天



在本視頻中,我將解釋本教程的步驟,即如何使用非常基本的Node.js為前端客戶端和後端使用離子(JavaScript / HTML)構建基於Web的WebSocket多客戶端聊天。伺服器。

完整的分步教程在我的博客上:https://www.londonappdeveloper.com/how-to-build-a-websocket-multi-client-chat-using-ionic-and-node-js/

該代碼可在Github上找到:https://github.com/LondonAppDev/tutorial-multi-chat-c​​lient

單擊下面以跳過演練的各個部分:

0:33離子骨架的解釋
0:52使用Node.js的非常基本的後端
2:06首先是將git倉庫克隆到本地計算機
3:48接下來克隆伺服器
4:29下一步是在應用程序上運行NPM安裝
5:43從伺服器項目開始
7:25創建一個新的Websocket伺服器對象
11:13客戶端代碼html文檔
14:40解釋ng-show
18:00 SubmitName點擊事件
18:36聊天屏幕
22:20項目的JavaScript部分
25:10範圍變數
26:27應用程序客戶端使用的不同功能
30:52日誌消息功能
33:11範圍功能
36:47應用程序在行動(演示)-如何運行項目
37:20啟動伺服器
39:28運行項目
39:50 App模擬

感謝收看!

如果您喜歡此視頻,請在http://www.londonappdeveloper.com/上查看我的教程。

了解如何使用Python和Django REST Framework構建後端:https://www.udemy.com/django-python/。

5 comments
  1. Hi great tutorial. I may have missed it but can I simply place the node.js server code on my web server and point to this address from the AngularJS controller? I'm sure you explained this but where can I find this in your example code?

Comments are closed.