• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

我的HTML页面如何在客户端访问socket.io?

html 来源:Aran Bins 20次浏览

我在做socket.io聊天教程,到目前为止一切正常。但我不明白的客户端如何使用socket.io代码:我的HTML页面如何在客户端访问socket.io?

<!-- Load socket.io client-side --> 
<script src="/socket.io/socket.io.js"></script> 
<script src="https://code.jquery.com/jquery-1.11.1.js"></script> 
<script> 

    $(function(){ 

     var socket = io(); 

     $('form').submit(function(){ 
      socket.emit('chat message', $('#m').val()); 
      $('#m').val(''); 
      return false; 
     }); 

     socket.on('chat message', function(msg){ 
      $('#messages').append($('<li>').text(msg)); 
     }); 

    }); 

所以它是从“/socket.io/socket.io.js”访问,但我没有任何地方在我的文件夹中。我不明白HTML网页如何访问socket.io.js文件。不知道该怎么问。这个.js文件在哪里?


===========解决方案如下:

<script src="/socket.io/socket.io.js"></script> 

在上面的脚本文件socket.io.js会在目录node_modules/socket.io客户端

所以可用,如果你想要做这样的事情,

<script src="socket.io.js"></script> 

然后复制文件从node_modules/socket.io-client/socket.io.js 并粘贴到您的服务器目录中。

即将到来的下一个问题如何连接到客户端的服务器,这里是您编辑的代码连接到客户端的服务器。

$(function(){ 

    var socket = io("http://yourserver.com"); 

    $('form').submit(function(){ 
     socket.emit('chat message', $('#m').val()); 
     $('#m').val(''); 
     return false; 
    }); 

    socket.on('chat message', function(msg){ 
     $('#messages').append($('<li>').text(msg)); 
    }); 

}); 

在上面的代码中http://yourserver.com是你的节点服务器正在运行,如果在的LocalServer做下线那么它可以是这样的地址,

var socket = io("http://192.168.0.103:3000"); 

在上面的代码3000的端口在哪个服务器上运行,并且192.168.0.103将会替换你的本地IP地址。 希望这会有所帮助。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)