将Laravel(PHP)与socket.io混合

Mixing Laravel(PHP) with socket.io

本文关键字:socket io 混合 Laravel PHP      更新时间:2023-09-26

我们有一个Laravel项目,但该应用程序的某些部分需要进行大量轮询,因此我们决定在该应用程序中引入socket.io。Laravel依赖于Apache,它在端口80上侦听(我们在前端使用jQuery和Bootstrap)。我们的本地测试主机名是test.localhost.com。节点服务器只是我们创建的一个在端口1000上侦听的服务器,安装了express和socket.io。

在我们的Laravel页面中,我们有以下内容:<script src="//localhost:1000/socket.io/socket.io.js"></script>。作为测试,我们的前端有以下代码:

<script>
$(document).ready(function() {
    var socket = io();
    $("#msg").keyup(function(event) {
        if (event.keyCode === 13) {
            socket.emit($("#msg").val());
            $("#msg").val('');
        }
    });
});
</script>

然而,当我尝试发送消息时,节点侧没有收到任何消息,但在Chrome控制台中,我注意到以下内容:

得到http://test.localhost.com/socket.io?EIO=3&transport=轮询&t=1413006253169-84404(未找到),socket.io.js的2680行出现错误。我打开文件,转到2680行,查看xhr.send(this.data);。怎么回事?我可以不混合这两个代码库吗?为什么在导入时我使用localhost:1000(不同的主机和不同的端口),它却试图访问test.localhost.com?

好的,我明白了。当你创建连接时,socket.io假设你正在连接到localhost:80。如果没有,那么您可以明确指定您的服务器主机:

var socket = io('http://localhost:1000');