Build Real-Time Web Apps Using Wordpress and Socket.IO

Explore typical http request and response patterns, the client-server architecture, and how real-time updates push server changes to the WordPress-based browser experience.

Explore how real-time applications establish a client–server socket connection through an initial handshake, enabling immediate message exchange and live data updates like trading prices and multiplayer scores.

Explore the network architecture for real-time web apps using Socket.IO on a Node.js server. Understand how the messaging library enables event-based client–server communication and data sharing.

Learn how to set up and use socket.io for event-based communication between client and server, including publisher-subscriber patterns, custom events, and automatic reconnection with practical code examples.

Learn how to implement a socket on the client side, create and connect a client socket, listen for a named event, and handle the empty reply on the socket.

Explore zeroMQ, a cross-platform, high-performance open-source messaging library written in C++, with language bindings and diverse sockets; learn to create a context, a push socket, connect, and send messages.

Build a WordPress sample by creating a 2017 child theme with functions.php, style.css, and a screenshot.png in wp-content/themes, then activate it via the WordPress admin and manage categories and posts.

Understand the WordPress template hierarchy and learn to create a single page template that displays content, using the hierarchy to guide file selection and fallbacks.

Create a WordPress application for player scores by looping through posts, extracting post titles and content to display player names and scores in a dashboard with minimal styling.

Create a WordPress plugin that sends updated post data in real time via a socket connection, retrieving post title and content and pushing updates to clients.

Install nodejs, the javascript runtime, from the official site for windows, mac, or linux; verify the installation by typing node -v in a command prompt and prepare for socket io.

Install socket.io and its dependencies using npm, configure express, and verify installed modules in package.json to create a maintainable node app.

Create and wire a Socket.IO server with Express to receive messages from a WordPress plugin, bind it to port 3000, and enable real-time bidirectional communication with clients.

Create a socket.io client for WordPress by adding the client library to the dashboard and opening a socket connection, then handle events like latest score with publish-subscribe.

Explore how to create a WordPress plugin, enqueing javascript, and activate the plugin to register and run javascript within real-time web apps.

Install the ZeroMQ core library and the PHP binding on Windows, download and unzip the zip, copy the libs to the target directories, and enable the extension.

This lecture guides Linux installation of the ZMQ core library and its PHP bindings, detailing downloading, configuring, building, and finalizing the setup to enable real-time messaging in web apps.

Test and validate a zmq socket connection between wordpress and node, verify message delivery from post updates to the console, and ensure real-time updates flow through the socket.

Test the socket.io connection by editing the socket file, running the app, and checking the browser console to confirm messages from the server are received by the client.

Update the socket.io client and test a complete application by modifying files, handling messages, and reflecting player scores in real-time on the dashboard.

Install forever globally with npm, start the Node.js app as a background service, monitor the dashboard, and use forever list to stop when needed.