WebSocket Multi-Client Chat using Ionic and Node.js

Click below to jump through sections of the walkthrough:

00:00 Introduction
0:33 Explanation of ionic framework
2:06 First thing is to clone git repository to local machine
3:48 Next clone the server
4:29 Next step is to run NPM install on the application
5:43 Starting with the server project
7:25 Create a new websocket server object
11:13 Client-side code html document
14:40 Explaining ng-show
18:00 submitName on-click event
18:36 Chat screen
22:20 JavaScript section of the project
25:10 Scope variables
26:27 Different functions used in the client-side of the app
30:52 Log message function
33:11 Scope functions
36:47 App in action (demo) - how to run the projects
37:20 Start server
39:28 Run the project
39:50 App simulation

Thanks for watching!

[ariyn]

Hello, very inspirational tutorial. I can not run "npm install" which you refer at the very beginning of the tutorial. Can you help me?

[waynegardner]

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?

[shekhraies]

Its ok but can you explain how to connect php with ionic 3x chat application?

[EvilNoobify]

can you tell me the theme's name of ubuntu?

[asinkan]

Actually this video shows how to implement websocket in the web page. It will not work on Android emulator or Android app either. Web sockets just do not work on mobile app. Even if the app is on foreground.

[harjotsingh]

Hi Sir, Can you made a video on WEBRTC RTCPEERCONNECTION STUN, TURN and SIGNALING (ONE TO ONE VIDEO CONFERENCING)

THAT WILL BE VERY HELPFULL