Channels 2 & WebSocket

Using Django Channels 2.4 & pure Javascript HTML5 Websocket Playground base

• clone repository (this will clone it into my-channels-play-pub directory)

  git clone https://github.com/ionescu77/my-channels-play-pub.git
  cd my-channels-play-pub

• make sure you have python >3.5:

  # I am using python3, because I keep python for Py2
  python3 --version

• create virtualenvironment

  python3 -m venv .

• activate the virtualenvironment

  source bin/activate
  # Following should return hopefully python >3.5
  python --version

• install django, channels, channels-redis

  # Might want to upgrade pip
  pip install --upgrade pip
  pip install -r requirements.txt

• run server

  cd src
  python ./manage.py runserver

• open http://127.0.0.1:8000 in web-browser
• this will open a socket connection to the backend
• you can send more messages from console:

  document.ws.send("Send via socket!")

• use developer tools (console) to see the socket messages

• terminal output:

• read more about debugging sockets: https://mtyiu.github.io/csci4140-spring15/tutorials/9/ws-debug/

Notes

Sources:

• Arun Ravindran Based on the youtube video of Arun, however I had to handle the socket connection with the default WebSocket implementation in HTML5 as websocketbridge.js was not included anymore in channels >2.4.
• CodingForEntrepreneurs I also watched the first 35 mins of CodingForEntrepreneurs youtube video on Channels 2 to get another view at this topic.
• Other Resources https://www.pegaxchange.com/2018/03/23/websocket-client/