{"id":51622,"date":"2016-06-10T16:07:23","date_gmt":"2016-06-10T16:07:23","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=51622"},"modified":"2016-06-10T16:51:21","modified_gmt":"2016-06-10T16:51:21","slug":"use-socket-io-programming-opencart-part2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/","title":{"rendered":"How To Use Socket.Io Programming With Opencart-Part2"},"content":{"rendered":"

In our previous blog Link<\/span><\/a>, we learned how to configure the node with socket.io\u00a0in Opencart. Today we will continue about how to use socket.io\u00a0scripting programming in a chat application. We will learn how to send or receive messages\u00a0through socket.io functions.<\/p>\n

For the chat application, we have to manage two files:<\/p>\n

1) Server File<\/p>\n

2) Client File<\/p>\n

In the previous blog, we create a package.json<\/strong> file for defining the dependencies that we required for our application, you have to create a server.js\u00a0<\/strong>file parallel to package.json<\/strong> file to your Opencart\u00a0root directory:<\/p>\n

\"File<\/a><\/p>\n

1) server.js<\/h3>\n

In server.js file we have to include all necessary dependencies\u00a0at the top. We will also define the Global Configuration setting in server.js.<\/p>\n

\"Include<\/a><\/p>\n

\"Emit<\/a><\/p>\n

In the above screenshot, socket<\/strong>.emit ()<\/strong> used to response back to the sender. You can also display on the terminal on\u00a0connection 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!” <\/strong> on the terminal.<\/p>\n

\"Disconnect<\/a><\/p>\n

Now we will create the client.html file for the user to send the message.\u00a0Firstly, we have to load a client library (socket.io.js) on browser for communication.<\/p>\n

<<\/strong>script src=”http<\/strong>:\/\/<\/strong>localhost:80\/socket<\/strong>.io\/socket<\/strong>.io.js“><\/script><\/strong><\/p>\n

\"Client<\/a><\/p>\n

var socket = socket.io(http:\/\/[host]:[port]);\u00a0<\/strong><\/p>\n

With the help of socket<\/strong>.io(http<\/strong>:\/\/)<\/strong> we can create an instance of socket.io\u00a0by passing http object\u00a0as an argument.<\/p>\n

Now go to terminal and execute this below mentioned command to run the server.<\/p>\n

$ node server.js<\/strong><\/p>\n

After this send the message from user end. \"Screenshot_21\"<\/a><\/p>\n

 <\/p>\n

On server.js we will receive the user message and will console on terminal.<\/p>\n

\"Screenshot_20\"<\/a><\/p>\n

Thanks for reading this blog \"\ud83d\ude42\"<\/p>\n","protected":false},"excerpt":{"rendered":"

In our previous blog Link, we learned how to configure the node with socket.io\u00a0in Opencart. Today we will continue about how to use socket.io\u00a0scripting programming in a chat application. We will learn how to send or receive messages\u00a0through socket.io functions. For the chat application, we have to manage two files: 1) Server File 2) Client […]<\/a><\/p>\n","protected":false},"author":34,"featured_media":41008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79,305,13],"tags":[83,265,2071,283],"class_list":["post-51622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-opencart","category-php","tag-jquery-2","tag-node-js","tag-opencart","tag-socket-io"],"yoast_head":"\nHow To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In our previous blog Link, we learned how to configure the node with socket.io\u00a0in Opencart. Today we will continue about how to use socket.io\u00a0scripting programming in a chat application. We will learn how to send or receive messages\u00a0through socket.io functions. For the chat application, we have to manage two files: 1) Server File 2) Client [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-10T16:07:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-10T16:51:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vivek Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vivek Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\"},\"author\":{\"name\":\"Vivek Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/55a090ee89f2ea288152d9618972d51a\"},\"headline\":\"How To Use Socket.Io Programming With Opencart-Part2\",\"datePublished\":\"2016-06-10T16:07:23+00:00\",\"dateModified\":\"2016-06-10T16:51:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\"},\"wordCount\":307,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"keywords\":[\"jquery\",\"Node.js\",\"opencart\",\"socket.io\"],\"articleSection\":[\"jQuery\",\"opencart\",\"php\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\",\"url\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\",\"name\":\"How To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"datePublished\":\"2016-06-10T16:07:23+00:00\",\"dateModified\":\"2016-06-10T16:51:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Use Socket.Io Programming With Opencart-Part2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/55a090ee89f2ea288152d9618972d51a\",\"name\":\"Vivek Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/016ec12a9caaedb7c6003878edfc412b2e9a5159e75bac4338ab7eeaaec9d92d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/016ec12a9caaedb7c6003878edfc412b2e9a5159e75bac4338ab7eeaaec9d92d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Vivek Sharma\"},\"sameAs\":[\"https:\/\/store.webkul.com\/\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/viveksh047\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/","og_locale":"en_US","og_type":"article","og_title":"How To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog","og_description":"In our previous blog Link, we learned how to configure the node with socket.io\u00a0in Opencart. Today we will continue about how to use socket.io\u00a0scripting programming in a chat application. We will learn how to send or receive messages\u00a0through socket.io functions. For the chat application, we have to manage two files: 1) Server File 2) Client [...]","og_url":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-06-10T16:07:23+00:00","article_modified_time":"2016-06-10T16:51:21+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","type":"image\/png"}],"author":"Vivek Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Vivek Sharma","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/"},"author":{"name":"Vivek Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/55a090ee89f2ea288152d9618972d51a"},"headline":"How To Use Socket.Io Programming With Opencart-Part2","datePublished":"2016-06-10T16:07:23+00:00","dateModified":"2016-06-10T16:51:21+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/"},"wordCount":307,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","keywords":["jquery","Node.js","opencart","socket.io"],"articleSection":["jQuery","opencart","php"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/","url":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/","name":"How To Use Socket.Io Programming With Opencart-Part2 - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","datePublished":"2016-06-10T16:07:23+00:00","dateModified":"2016-06-10T16:51:21+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/use-socket-io-programming-opencart-part2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Use Socket.Io Programming With Opencart-Part2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/55a090ee89f2ea288152d9618972d51a","name":"Vivek Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/016ec12a9caaedb7c6003878edfc412b2e9a5159e75bac4338ab7eeaaec9d92d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/016ec12a9caaedb7c6003878edfc412b2e9a5159e75bac4338ab7eeaaec9d92d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Vivek Sharma"},"sameAs":["https:\/\/store.webkul.com\/"],"url":"https:\/\/webkul.com\/blog\/author\/viveksh047\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/51622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=51622"}],"version-history":[{"count":4,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/51622\/revisions"}],"predecessor-version":[{"id":51811,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/51622\/revisions\/51811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/41008"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=51622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=51622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=51622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}