在本視頻中,我將解釋本教程的步驟,即如何使用非常基本的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-client
單擊下面以跳過演練的各個部分:
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/。
Hi Sir ,Can you made a video on WEBRTC RTCPEERCONNECTION STUN, TURN and SIGNALING (ONE TO ONE VIDEO CONFERENCING)
THAT WILL BE VERY HELPFULL
Its ok but can you explain how to connect php with ionic 3x chat application?
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?
can you tell me the theme's name of ubuntu?
Tks you for sharing