我可以将基于node.js / express的聊天集成到基于PHP / jquery的网站中吗？

Question

I have an established site that I want to make chat client for. I want to write it all myself for fun and to learn a little about node.js and express. Right now I have a chat system based on jQuery/PHP/MySQL and polling with ajax. It is slow and I only poll every 5 seconds so it looks slow too.

I can write the chat in node.js, but my question is: How can I include my chat in the my oldschool pages. I want it to be a box that is at the bottom corner of all my pages. I am not concerned with the css, only how to integrate it. Should the chat live at it's own domain (chat.example.com) and just allow cross site access?

Answer 1

Here is a reference to the Access Control Headers.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

If your PHP app is running say behind nginx. You could set up a route in nginx that forwards those requests to the chat server.

Here is an example:

upstream app_chat {
    server 127.0.0.1:8080;
}

server {
    listen 0.0.0.0:80;
    server_name www.mydomain.com mydomain;

    location /chat {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;

        proxy_pass http://app_chat/;
        proxy_redirect off;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

So from your client js

var sock = io.connect('ws://mydomain/chat');
sock.on('chat', function (msg) {
  console.log('msg', msg);
});

Answer 2

Yes, you can. I don't know how complex your app is. But, running a node server on a different port will do.

Lets say your PHP app runs on port 80. Now, run your node.js server which handles the chat system on 8080. Then in your PHP page, include a JS file(chat.js).

chat.js

var connection = io.connect('YOUR_NODE_SERVER_URL'); //like http://localhost:8080

/*
your code
*/

That's it.