Reading list Switch to dark mode

    How To Use Socket.Io Programming With Opencart-Part2

    Updated 10 June 2016

    In our previous blog Link, we learned how to configure the node with in Opencart. Today we will continue about how to use scripting programming in a chat application. We will learn how to send or receive messages through functions.

    For the chat application, we have to manage two files:

    1) Server File

    2) Client File

    In the previous blog, we create a package.json file for defining the dependencies that we required for our application, you have to create a server.js file parallel to package.json file to your Opencart root directory:

    Searching for an experienced
    Opencart Company ?
    Find out More

    File Structure

    1) server.js

    In server.js file we have to include all necessary dependencies at the top. We will also define the Global Configuration setting in server.js.

    Include Dependencies

    Emit Message back to sender

    In the above screenshot, socket.emit () used to response back to the sender. You can also display on the terminal on connection or on disconnect with the server. See the below screenshot, you can console the message on disconnection. If you will refresh the page, then you will see the “You are disconnected!” on the terminal.

    Disconnect From Server

    Now we will create the client.html file for the user to send the message. Firstly, we have to load a client library ( on browser for communication.

    <script src=”http://localhost:80/“></script>

    Client File

    var socket =[host]:[port]); 

    With the help of we can create an instance of by passing http object as an argument.

    Now go to terminal and execute this below mentioned command to run the server.

    $ node server.js

    After this send the message from user end. Screenshot_21


    On server.js we will receive the user message and will console on terminal.


    Thanks for reading this blog 🙂

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home