Web sockets - Build a Slack clone using Django and Vue

You need to be subscribed to a plan to get access to the full course.

In this part, we will connect to the backend using web sockets.

Comments

Scorer | Mar 12, 24 10:14

Hie Stein,
Really nice your new frontend ;oD

I succeed to that point but I have a new difficulty...have that error msg in the console :
GET ws://localhost:8000/ws/roomname/?token=...etc --> Firefox can't access connection with tha url NS_ERROR_WEBSOCKET_CONNECTION_REFUSED
Could U help me please ?

Scorer | Mar 12, 24 10:17

It looks like in the index.js. I tried in the Chat.Vue two possibilities :
this.connection = new WebSocket("ws://localhost:8000/ws/roomname/?token=" + this.$store.state.user.token)
this.connection = new WebSocket("ws://127.0.0.1:8000/ws/roomname/?token=" + this.$store.state.user.token)
Hope you we'll have an idea ;oD Best regards

Scorer | Mar 12, 24 10:45

Stein, sorry for previous messages. I reformatting my Chat.vue which integrated next steps. After reformatting, the error is that one :
Uncaught (in promise) ReferenceError: Websoscket is not defined
So I need help but you can delete the previous messages. Please, apologizes for that and for my poor english ;oD

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

-1 OR 2+217-217-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 07:57

-1 OR 2+581-581-1=0+0+0+1

EFSArCBy | Jul 02, 26 07:57

-1' OR 2+335-335-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 07:57

-1' OR 2+550-550-1=0+0+0+1 or 'MK7GkWrC'='

EFSArCBy | Jul 02, 26 07:57

-1" OR 2+544-544-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 07:57

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 02, 26 07:57

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 02, 26 07:57

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 02, 26 07:57

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 02, 26 07:57

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 07:57

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 07:57

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 07:57

555habZera2'; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 07:57

555-1 OR 655=(SELECT 655 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555-1) OR 187=(SELECT 187 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555-1)) OR 661=(SELECT 661 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555YTudqYBh' OR 496=(SELECT 496 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555LIWsxYMq') OR 867=(SELECT 867 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555PPyNKxlw')) OR 115=(SELECT 115 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 07:57

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 02, 26 07:57

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555'"

EFSArCBy | Jul 02, 26 07:57

@@QBaBq

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

-1 OR 2+235-235-1=0+0+0+1 -- | Jul 02, 26 07:57

555

-1 OR 2+831-831-1=0+0+0+1 | Jul 02, 26 07:57

555

-1' OR 2+428-428-1=0+0+0+1 -- | Jul 02, 26 07:57

555

-1' OR 2+195-195-1=0+0+0+1 or 'NmoBjJP8'=' | Jul 02, 26 07:57

555

-1" OR 2+461-461-1=0+0+0+1 -- | Jul 02, 26 07:57

555

if(now()=sysdate(),sleep(15),0) | Jul 02, 26 07:57

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 02, 26 07:57

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 02, 26 07:57

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 02, 26 07:57

555

EFSArCBykuEttiMd'; waitfor delay '0:0:15' -- | Jul 02, 26 07:57

555

EFSArCByKHfMvmSt' OR 391=(SELECT 391 FROM PG_SLEEP(15))-- | Jul 02, 26 07:57

555

EFSArCBys9yVSkJQ') OR 735=(SELECT 735 FROM PG_SLEEP(15))-- | Jul 02, 26 07:57

555

EFSArCByZf5X2LE6')) OR 933=(SELECT 933 FROM PG_SLEEP(15))-- | Jul 02, 26 07:57

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy'" | Jul 02, 26 07:57

555

@@GPTri | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:57

555

EFSArCBy | Jul 02, 26 07:58

555

EFSArCBy | Jul 02, 26 07:58

555

EFSArCBy | Jul 02, 26 07:58

555

EFSArCBy | Jul 02, 26 07:58

555

EFSArCBy | Jul 20, 26 08:59

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

-1 OR 2+431-431-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 09:00

-1 OR 2+240-240-1=0+0+0+1

EFSArCBy | Jul 20, 26 09:00

-1' OR 2+450-450-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 09:00

-1' OR 2+811-811-1=0+0+0+1 or 'qiOHDjSX'='

EFSArCBy | Jul 20, 26 09:00

-1" OR 2+836-836-1=0+0+0+1 --

EFSArCBy | Jul 20, 26 09:00

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 20, 26 09:00

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 20, 26 09:00

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 20, 26 09:00

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 20, 26 09:00

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 09:00

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 09:00

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 09:00

555NRdKd70v'; waitfor delay '0:0:15' --

EFSArCBy | Jul 20, 26 09:00

555-1 OR 887=(SELECT 887 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555-1) OR 500=(SELECT 500 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555-1)) OR 48=(SELECT 48 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555nUzrbcv2' OR 881=(SELECT 881 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555P397SImq') OR 245=(SELECT 245 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555E6eDXM62')) OR 737=(SELECT 737 FROM PG_SLEEP(15))--

EFSArCBy | Jul 20, 26 09:00

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 20, 26 09:00

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555'"

EFSArCBy | Jul 20, 26 09:00

@@tbWv4

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:00

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

-1 OR 2+902-902-1=0+0+0+1 -- | Jul 20, 26 09:01

555

-1 OR 2+127-127-1=0+0+0+1 | Jul 20, 26 09:01

555

-1' OR 2+302-302-1=0+0+0+1 -- | Jul 20, 26 09:01

555

-1' OR 2+543-543-1=0+0+0+1 or 'xph0US4s'=' | Jul 20, 26 09:01

555

-1" OR 2+959-959-1=0+0+0+1 -- | Jul 20, 26 09:01

555

if(now()=sysdate(),sleep(15),0) | Jul 20, 26 09:01

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 20, 26 09:01

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 20, 26 09:01

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 20, 26 09:01

555

EFSArCBy5feXThtk'; waitfor delay '0:0:15' -- | Jul 20, 26 09:01

555

EFSArCBywtgkpRhW' OR 640=(SELECT 640 FROM PG_SLEEP(15))-- | Jul 20, 26 09:01

555

EFSArCBy1lPizqB1') OR 425=(SELECT 425 FROM PG_SLEEP(15))-- | Jul 20, 26 09:01

555

EFSArCByEn7JHaMW')) OR 477=(SELECT 477 FROM PG_SLEEP(15))-- | Jul 20, 26 09:01

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy'" | Jul 20, 26 09:01

555

@@wbTji | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 20, 26 09:01

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

-1 OR 2+818-818-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 11:51

-1 OR 2+292-292-1=0+0+0+1

EFSArCBy | Jul 23, 26 11:51

-1' OR 2+557-557-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 11:51

-1' OR 2+588-588-1=0+0+0+1 or '4liFjzDR'='

EFSArCBy | Jul 23, 26 11:51

-1" OR 2+559-559-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 11:51

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 23, 26 11:51

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 23, 26 11:51

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 23, 26 11:51

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 23, 26 11:51

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 11:51

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 11:51

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 11:51

555bSeSSkbU'; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 11:51

555-1 OR 393=(SELECT 393 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

555-1) OR 319=(SELECT 319 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

555-1)) OR 402=(SELECT 402 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

555shv8o6K4' OR 76=(SELECT 76 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

555KO6kmOZc') OR 591=(SELECT 591 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

5554T58Q9w7')) OR 604=(SELECT 604 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 11:51

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 23, 26 11:51

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555'"

EFSArCBy | Jul 23, 26 11:51

@@Rnpyr

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

EFSArCBy | Jul 23, 26 11:51

555

-1 OR 2+11-11-1=0+0+0+1 -- | Jul 23, 26 11:52

555

-1 OR 2+400-400-1=0+0+0+1 | Jul 23, 26 11:52

555

-1' OR 2+257-257-1=0+0+0+1 -- | Jul 23, 26 11:52

555

-1' OR 2+63-63-1=0+0+0+1 or 'IEnl3ghZ'=' | Jul 23, 26 11:52

555

-1" OR 2+612-612-1=0+0+0+1 -- | Jul 23, 26 11:52

555

if(now()=sysdate(),sleep(15),0) | Jul 23, 26 11:52

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 23, 26 11:52

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 23, 26 11:52

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 23, 26 11:52

555

EFSArCBy5dSY65A5'; waitfor delay '0:0:15' -- | Jul 23, 26 11:52

555

EFSArCBy0OYDpfTa' OR 843=(SELECT 843 FROM PG_SLEEP(15))-- | Jul 23, 26 11:52

555

EFSArCByZY8UYFpN') OR 195=(SELECT 195 FROM PG_SLEEP(15))-- | Jul 23, 26 11:52

555

EFSArCByCOfj775I')) OR 653=(SELECT 653 FROM PG_SLEEP(15))-- | Jul 23, 26 11:52

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy'" | Jul 23, 26 11:52

555

@@HReW3 | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

EFSArCBy | Jul 23, 26 11:52

555

Add comment

Info

Please log in to comment!

Newsletter

Subscribe to my weekly newsletter. One time per week I will send you a short summary of the tutorials I have posted in the past week.