Question

我正在端口3001上运行NodeJS

我的index.php：

  ...
  ...
 <div class="chat">
      <ul id="chat-ul">
        <?php foreach ($msgs as $key): ?>
          <li id="<?= $key['id'] ?>"><b><?=$key['username']?>: </b> <?=$key['message']?></li>
        <?php endforeach; ?>
      </ul>
    </div>

    <div class="chat-form">
      <div class="row">
        <div class="col-md-4">
          <button class="btn btn-success" onclick="sendMsg()" type="button" name="button">SEND</button>
        </div>
        <div class="col-md-8">
          <input type="text" name="message" id="message" class="form-control" value="">
        </div>
      </div>
    </div>


<script src="http://mywebsite:3001/socket.io/socket.io.js"></script>
<script type="text/javascript">
var socket = io.connect("http://mywebsite.com:3001");
function sendMsg() {
  socket.emit('send_message', {user:<?= $_SESSION['username']?>, id:0, message:$('#message').val()});
}
socket.on('received_message', (e)=>{
  $('#chat-ul').append(e);
});
</script>

在后端-server.js：

var express = require('express');
var app = express();
var path = require('path');
var server = app.listen(3001);
var io = require('socket.io').listen(server);

io.sockets.on('connection', (socket)=>{
  console.log('connected'); // connected

  socket.on('disconnect', ()=>{
    console.log('disconnected');
  });

  socket.on('send_message', (data)=>{
    let new_data = '<li id='+data.id+'><b>'+data.username+':</b>'+data.message+'</li>'; //connected
    io.sockets.emit('received_message', new_data); })

  });

当我尝试运行sendMsg（）函数时，在consol中说：

无法加载资源：net :: ERR_UNKNOWN_URL_SCHEME socket.io.js：1

未捕获的ReferenceError：在index.php：97上未定义io

我在哪里做错了？

Answer 1

您的操作方式非常接近正确。

此错误与以下事实有关：文件http://mywebsite:3001/socket.io/socket.io.js未正确加载，因此从未为io变量分配套接字io库。

在我看来，您更改了网址以不透露您的域，但是恐怕正是问题所在。

请确保如果您将该URL放在浏览器中，则会将您带到该文件。网址似乎具有无效的格式。

使用PHP和Nodejs Socket.io

1 个答案: