Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/edocbuhtig/ionic5-socket.io
How to integrate Socket.io client to connect with Socket.io server inside your Ionic Framework 5.x app
https://github.com/edocbuhtig/ionic5-socket.io
ionic-framework socket-io
Last synced: about 3 hours ago
JSON representation
How to integrate Socket.io client to connect with Socket.io server inside your Ionic Framework 5.x app
- Host: GitHub
- URL: https://github.com/edocbuhtig/ionic5-socket.io
- Owner: edocbuhtig
- Created: 2020-02-25T12:45:32.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T15:15:06.000Z (about 2 years ago)
- Last Synced: 2023-03-04T23:19:35.174Z (almost 2 years ago)
- Topics: ionic-framework, socket-io
- Language: TypeScript
- Homepage:
- Size: 1.56 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Socket.io nodejs server setup
cloce the repo browser to **nodesocketserver** folder
To install dependencies
```npm install```
To serve the app run
```npm start```
### Socket.io ionic5 client app setup
Install socket.io client dependency
```npm install socket.io-client --save```
Only one import is needed, in your component ts file as below,
```import * as io from 'socket.io-client';```
To test the app on the same wifi/network use,
```ionic serve --external```
Grab the url with ip address, and point your external device browser to this address.
## Screenshot
![Ionic v5 Demo](https://github.com/edocbuhtig/socket.io-ionic-client-nodejs-server/blob/master/screenshot/demoscreen.png)
## Ionic Info used for this repo
```
Ionic:Ionic CLI : 6.1.0
Utility:
cordova-res : not installed
native-run (update available: 0.3.0) : 0.2.9System:
NodeJS : v12.16.0
npm : 6.13.7
OS : macOS Catalina```