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

Question

我正在学习 socket.io 聊天教程，到目前为止一切正常。但我不明白客户端如何使用 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 文件在哪里？

Answer 1

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

在上面的脚本文件中，socket.io.js 将在目录 node_modules/socket.io-client 中可用

所以如果你想做类似的事情，

<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是你的节点服务器运行的地址，如果你在本地服务器上离线，那么它可以是这样的，

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

在上面的代码中，3000 是服务器运行的端口，而 192.168.0.103 将替换为您的本地 IP 地址。 希望这会有所帮助。！