Currently, I have a live bidding system in place. On the bidding page, we display both the base price and current bid price of an item. Whenever a user updates the price of an item, I would like that new price to automatically reflect for all customers who have the bidding page open, without requiring a page reload.
My goal is to send a message from the server to the client side whenever a user updates the price of an item. Upon receiving this message on the client side, the table data should be updated accordingly.
config/socket
transports: ['polling', 'websocket'],
Server Side - BidUpdateController [http://localhost:7039]
sails.io.on("connection", (socket) => {
console.log("SOCKET ID : "+socket.id);
sails.sockets.broadcast('bidUpdate',{ greeting: 'UPDATED!' });
socket.on('disconnect', () => { // Do we need this..?
console.log('User disconnected');
});
})
The above code allows me to track the socket id in my console: SOCKET ID : wjMGczPrXtx5UpOrBBN3
Client Side - React Bid List Page [http://localhost:3637]
import io from 'socket.io-client';
React.useEffect(() => {
let connectionOptions = {
"force new connection" : true,
"reconnectionAttempts":"Infinity",
"timeout" : 20000,
"transports" : ['polling', 'websocket']
};
const socket = io.connect('http://localhost:7039',connectionOptions);
console.log("SOCKET CONNECTION : "+socket.connected); // This returns False
socket.on('bidUpdate', (data) => { // This part does not pertain
console.log("Response"+ data.greeting);
// Upon receiving data, I will call a function to update the table data..
});
return () => {
socket.disconnect();
}
},[])
The provided code displays information as follows: React Page Console
I am currently following tutorials and am unsure of the exact concept behind this functionality. Any assistance or guidance would be greatly appreciated!