Breaking News: Grepper is joining You.com. Read the official announcement!

node.js reload page socket.io

dymaru answered on September 7, 2022 Popularity 5/10 Helpfulness 1/10

answer node.js reload page socket.io

node.js reload page socket.io

Comment

//server-side script
const express = require("express")
const http = require('http')
const app = express()
const server = http.createServer(app)
const io = require('socket.io')(server)
const ioserver = io.sockets.on('connection', function (socket) {
  let ip = socket.request.connection.remoteAddress

  socket.on('isConnected', function (data) {
      console.log("HOTRELOAD => " + ip + " isConnected: ", data)
      clients.push(ip)
      console.log("HOTRELOAD => connected ip: ", [...new Set(clients)])
  })
  socket.on('load', function () {
      console.log("HOTRELOAD => " + ip + ' request reload..')
      console.log("HOTRELOAD => sending refresh page from server to all client.")
      socket.broadcast.emit('refresh')
      console.log("HOTRELOAD => sending refresh page from server to client: " + ip)
      socket.emit('refresh')
  });
})
//client-side script

$(function () {
	function hotReload(delay) {
		console.log("refresh page...")
		window.localStorage.isLoaded = true
		if (window.localStorage.isLoaded) {
			setTimeout(function () {
				window.location.href = window.location.href
				window.location.reload(true);
			}, delay * 1000);
			window.localStorage.isLoaded = false
		}
		console.log("refresh page done.")
	}

	var socket = io();
	socket.on('connect', function () {
		console.log('HOTRELOAD => connected to server.');
		socket.emit("isConnected", true)
	})

	socket.on('refresh', function () {
		console.log("HOTRELOAD => hot reloading page...")
		hotReload(1)
	});




	
	// Chatting
	$('#chat-form-btn').on("click", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})

	// Messaging

	$('#msg-form-btn').on("click", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})


	$('#msg-rm-form-btn').on("click", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})

	$('#msg-container').on("change", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})

	// posting a message
	$('#post-submit-btn').on("click", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})

	$('#post-comment-btn').on("click", () => {
		console.log("HOTRELOAD => request reload..")
		socket.emit('load')
	})

});

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript node.js reload socket.io

Link to this answer
Share Copy Link

Contributed on Sep 07 2022

dymaru

0 Answers Avg Quality 2/10

node.js reload page socket.io

Contents

More Related Answers

node.js reload page socket.io

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.