Angular Socket.IO Tutorial

[@hardikrajpal2410]

An Irish coder. That's refreshing.

[@bilalahmad5662]

Hello Sir I'm getting error at this.socket = io(environment.wsUrl); saying The function is not callable please guide me thankx

[@Angeck]

Same here. Have you found the solution yet?

[@edisonagamba]

because you have to write the url in the environment file

[@doomexe]

Rx.subject.create is deprecated, what would I use instead? Looking into this it seems what was being created was an AnonymousSubject and subject.create should be replaced with new Subject() but replacing the line with `return new AnonymousSubject(observer, observable)` or `return new Subject(observer, observable)` cause an error

[@LiorGroove]

Im getting an error saying 'wsService.connect(...).map is not a function' when trying to run it

[@sebastiangug8284]

import { map } from 'rxjs/operators'; then instead of .map use map without the dot

[@MrGamer-gx3sp]

Also you may need to use .pipe() around the map, e.g:
.pipe(map((response: any): any => {
console.log(response);
return response;
})) as Subject;

[@carlosfrancisco9645]

how do you make it work on AWS elastic beanstalk? it only works locally for me. thanks.

[@kajalchauhan8054]

hey my observable falls into infinite loop of getting http request what should i do? can anyone help!!!

[@pawansaini260]

I have some diff use of socket. I want to get data from server and broadcast into our whole application using eventemitter but not working i tried alot can you help here. Only one component can receive data at a time if tried to receive on other component then data will stop on last component.

[@pratikagarwal7210]

I always get client disconnected problem from backend side. the socket never connects

[@jurvanoerle2845]

For anyone that had the same error like me:
Rx has no exported member subject, check out github.com/tiaguinho/material-community-components/issues/42.
run npm install rxjs-compat and make sure it has the same version as rxjs, so your package.json looks like:
"rxjs": "6.3.3",
"rxjs-compat": "6.3.3",

[@joseavellaneda4921]

thanks man

[@hrpcomapnyfirebase67]

Can I Use Angular and MongoDB using Socket.io?
I want my database to be synchronous

[@giannosfor]

This might sounds minor but why are you not using semicolons ? 5:00 Moreover is it a coding style of yours placing a comma in the end of the object literal constructor ?

[@psybercity]

Thank you!!!!

[@Tutorialedge]

Any time! :)

[@kajalchauhan8054]

hey can you make video on chat app using this!

[@carlosraulgregorioabreuter2071]

simply thanks..!!!!

[@mnd3716]

it's verry good.
But i have error like this:
Property 'map' does not exist on type 'Subject'.
idea, please?

[@tanverzaman]

same here @mnd do you got any solution?

[@bronco_fv]

When using rxjs 6 look at: stackoverflow.com/questions/50203241/angular-5-to-6-upgrade-property-map-does-not-exist-on-type-observable

[@bronco_fv]

this.messages = wsService
.connect().pipe(
map((response: any): any => {
return response;
})
);
don't forget
import { map } from 'rxjs/operators';

[@coreytrowbridge2612]

@@bronco_fv I'll never understand why they changed the .map method instead of just changing it's function.

[@kingsquad327]

hi Rx.Subject is not resolving. what should i do

[@PazzaPolacca]

import it like that: import {Subject} from 'rxjs'; and then refer to it as Subject , not Rx.Subject

[@Gol_D_Roger_The_Pirate_King]

Can angular use websocket and connect to a php file in the server?

[@stevengiraldo3131]

on the line 15 of the service "websocket.service.ts" there are an error:
[ts] Property 'ws_url' does not exist on type '{ production: boolean; }'.
....how solve it please

[@arronburch1333]

You need to add the property ws_url to your environment.ts file like shown at 10:14

[@Piroft]

Import TS correcting -----> import { environment } from './../../environments/environment';

[@bitard3d]

Very useful tutorial, thank you very very much! There are some differences with RxJS 5 and 6 (i'm using angular 7.x), but i handled it.

[@none0n]

How did you handle it?

[@bitard3d]

@@none0n import { Observable, Subject, from } from 'rxjs';
getOrderList() : Observable {
//let orderList = [];
let observer = {
next: (data: Object) => {
//console.log(data);
},
};
let observable = new Observable((observer)=>{
this.socket.on('message',(data) =>{
observer.next(data);
})
return ()=>{
this.socket.disconnect();
}
});
return Subject.create(observer, observable);
}

[@Piroft]

Angular 8
chatservice.ts
import { Observable, Subject } from 'rxjs';
import { map } from 'rxjs/operators';
map((response: any): any => {
return response;
})
app.component.ts
import { Observable } from 'rxjs';
import { environment } from './../../environments/environment';
import {Subject} from 'rxjs';

[@aayushbhargava022]

"property ws_url does not exist on type" error

[@Piroft]

Import TS correcting -----> import { environment } from './../../environments/environment';

[@divyasripantangi7869]

where i need to add that main.js file

[@avankait6796]

How do you host the server part (app.js)

[@TheParikshitsharma]

you can't create server using angular .you can use node js, .net,java,python etc

[@tonylu8086]

consider avoid using import * from rxjs/Rx
reference: github.com/angular/angular/issues/20349