目前,我通过 Laravel框架在 PHP 上创建了一个网站。我已经使用 nodeJS 与 Socket.IO 和 Express 编写了实时聊天,现在我想要做的就是将其集成到我已编写的内容中Laravel网站。问题是聊天必须在主页面中,目前由Laravel的视图呈现。目前我正在共享托管。
问题: 这种整合的最佳建议是什么?我知道LAMP堆栈已经在大多数共享域中准备就绪,但我完全不知道如何让PHP(Laravel)和我的nodeJS聊天一起工作。
我尝试过的事情:
答案 0 :(得分:8)
解决方案很简单(但在互联网上找不到任何关于它的内容)。您只需要在PHP的HTML视图中包含socket.io JS文件,然后socket.io JS文件与您的node.JS服务器建立连接。这在localhost上运行良好。但是,如果其他人尝试从外部登录您的聊天,他们将会遇到“禁止跨域请求”#34;错误,这是因为你可能已经遵循了一些"指南"和我一样,你在CLIENT中的socket.io连接是这样的:
var socket = io.connect('localhost:8080');
而不是
var baseURL = getBaseURL(); // Call function to determine it
var socketIOPort = 8080;
var socketIOLocation = baseURL + socketIOPort; // Build Socket.IO location
var socket = io.connect(socketIOLocation);
// Build the user-specific path to the socket.io server, so it works both on 'localhost' and a 'real domain'
function getBaseURL()
{
baseURL = location.protocol + "//" + location.hostname + ":" + location.port;
return baseURL;
}
PHP客户端代码是:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<!-- Wrapper-->
<div id="wrapper">
<!-- Chat: Input -->
<div id="chat-input">
<!-- Username -->
<div class="username">
<p id="username">John Doe</p>
</div>
<!-- Form -->
<form action="">
<!-- Input field -->
<input type="text" class="chat_input-message" id="message" placeholder="Enter your message..." autocomplete="off" autofocus="on" />
<!-- Button -->
<button>Send</button>
</form>
<!-- END: Form -->
</div>
<!-- END Chat: Input -->
<div id="chat-output">
<div id="messages"></div>
</div>
</div>
<!-- END: Wrapper -->
<!-- Scripts -->
<!-- Socket.IO -->
<script src="../node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Chat -->
<script src="../public/js/chat.js"></script>
<!-- End: Scripts -->
</body>
</html>
服务器端node.JS代码不需要任何调整,忘记关于Redis或PHP的一切(Elephant.IO,AJAX随机注入,忘记任何黑客攻击)。它只是作为一种魔力。