Using socket.io in a custom web page

Frappe Framework App Development
1

Can someone point to me to an example on how to achieve this: I want to create a custom web dashboard that display events happening on doctype in real time. For example, a notification is displayed automatically when a new invoice is created. Thank you!

2

Try this :

[How To] Enable Socketio on web pages

3

Thank. Sorry I have not been working on this for a while.
The link you gave helped. However, it only works in production setup.

4

I followed the same but it runs if I initialize on the console not else, can you tell me how you did this?

5

You have to add your site name to hosts file and use site name in the browser then test

6

mysite name is localhost and it is in hosts file but still this does not works

Screenshot%20from%202020-07-22%2022-53-50
Screenshot%20from%202020-07-22%2022-53-501852×140 19.9 KB

this error returns

7

basically how can I call emit functions from js file?

8

it was synchronization issue
frappe.ready(function() {
const assets = [
“assets/frappe/js/lib/socket.io.min.js”,
“assets/frappe/js/frappe/socketio_client.js”
]
frappe.require(assets, () => {
if (window.dev_server) {
frappe.boot.socketio_port = ‘9000’ //use socketio port shown when bench starts
}
frappe.socketio.init();
console.log(frappe.socketio)
frappe.socketio.emittedDemo(‘mydata’);
})
});

now it works