simple-chat-app | Example app written for article purpose | Runtime Evironment library

Just for learning purpose, I am trying to establish a connection between react and flask with SOCKET.io to get real time updates.

But, sadly I am not able to establish a connection between client socket.io to sever socket.io till now.

I followed several blogs and explored GitHub issues, but none of them had helped me.

Codes

1. React codes

I have started to study SSE and I found an example with php chat application (http://www.developphp.com/video/JavaScript/Server-Sent-Events-Simple-Chat-Application-Example). The video shows that the messages are not delayed. But when I tried the example on my own server (WAMP) I have a very long delay to the point that it is no longer a real-time application as it claims. I found that if I changed the retry:15000 to a value much much smaller (for example 100 millisecond) only then getting near real-time. But this is not good. This is polling and not truly real-time application. It seems that after each message the connection to the server is lost and resets accordingly to retry. It doesn't seem like a very smart application because we have not avoided constant requests from client to server like plain Ajax polling. Thanks

I have followed the tutorial at https://www.djamware.com/post/5a629d9880aca7059c142976/build-ionic-3-angular-5-and-firebase-simple-chat-app to build an Ionic app using Firebase's realtime database.

It works perfectly locally via ionic serve. I have also used the Ionic DevApp and again, it works perfectly.

I have now pushed my code to Ionic but during the build I get this error and the build process terminates:

git repo: django tutorial

I've been following the above django project that looks at creating at person to person chat. I've come across this part:

So, I've been working on a django project (using djagno 1.11) and I saw a really cool chat feature that someone mocked up (using django 2.0) here with their git repo here. I can recreate the entire project following the guide in its own app, but when I add it to my own I get into trouble. My current app uses bootstrap and has javascript to add items to cart and other such things and I wonder if that is getting in the way. That other javascript still works, the new javascript doesnt'. I get your basic error:

Uncaught ReferenceError: $ is not defined

and when I google search it I see that this means that something is being used before it is defined. I'm decent at python, but an extreme novice at javascript and so I'm not sure what is happening. Diving into the error, I see the following:

I've been following this nifty chat creating tutorial (git for the nifty tutorial) and was able to get it to work perfectly. However, when I tried implementing it to my project I converted the url in the main project to what I have above and the effects are trickling downward.

I cant' seem to pass in an argument to a url pattern in a .html page. Here's what I got

My main project url.py

To test KWG, as Kazzing suggested, tried to run template-simple-chat-app-master & follow instruction steps, up to step 3, it was successfully done and "chat server" & "Kaazing WebSocket Gateway" correctly started. but when tried to connect client/agent URLs, there was no response and 400 code was replied from server! default port "8080" is free. however other port was tested and the response was the same. tried it in Win 10. Can anyone give an advice to solve the problem? thanks in advance!!!

I'm building a simple chat using this guide.

When someone login their name is appended to the list of online users. However, each user should not see his/her own name in the list, only the name of the other users. Any suggestions to what I should add/change in my code to fix this?

client-side: