11

我认为 socket.io 的全部意义在于不必担心现代浏览器？哈哈

无论如何，我是套接字编程的新手。我有一个简单地模仿鼠标移动的小应用程序。

您打开多个浏览器，当您移动鼠标时，您的操作会记录在其他浏览器中。它移动一个小方块。有点酷。但是，当我在 iPad (iOS6) 上打开它时，什么也没有！套接字未连接。我什至在connect事件中添加了一条警报消息，但什么也没有。

在我的笔记本电脑上可以在 IE、FF 和 Chrome 中正常工作。唯一的区别是我的开发机器使用localhost，而 iPad 使用我机器的 IP。但是，当我连接到笔记本电脑上的本地 IP 时，它仍然可以工作。只是不在 Safari/iPad 中。

这是我的服务器。

    var app = require('http').createServer(handler),
        io = require('socket.io').listen(app),
        fs = require('fs');


    app.listen(80);

    function handler(req, res) {
        var file = __dirname + '/public/index.html';
        fs.readFile(file, 
            function(err, data) {
                if(err) {
                    res.writeHead(500);
                    return res.end('Error loading index.html');
                }

                res.writeHead(200);
                res.end(data);
            }
        );
    }


    var rooms = ['abc', 'test1'];

    var sockets = [];
    io.sockets.on('connection', function(socket) {
        sockets.push(socket);

        socket.on('m', function(data) {
            socket.broadcast.to(socket.room).emit('relay', {msg: 'MouseX: ' + data.x + ' MouseY: ' + data.y, x: data.x, y: data.y});
        });

        socket.on('join', function(room) {
            socket.join(room);
            socket.emit('updateStatus', {msg: 'Joined room ' + room});
            console.log('Joined room ' + room);
        });

    });

这是我的客户：

<!doctype html>
<html>
    <head>
        <style>
            body {
                padding: 40px;
            }
            #cursor {
                background:white;
                border:1px solid black;
                color: white;
                display: block;
                height:24px;
                padding:6px;
                position:absolute;
                width:24px;
                z-index:20;
            }
        </style>
    </head>
    <body>

        <input id='msg' type='text' size='100' /><br />
        <input id='box' type='text' size='100' />
        <div id='cursor'></div>

        <script src='/socket.io/lib/socket.io.js'></script>
        <script>
            var socket = io.connect('http://localhost');
            var b = document.getElementById('box');
            var m = document.getElementById('msg');
            var c = document.getElementById('cursor');

            // join custom room
            socket.on('connect', function() {
                socket.emit('join', 'abc');
            });

            // update status messages from server
            socket.on('updateStatus', function(data) {
                m.setAttribute('value', data.msg);
            });

            socket.on('relay', function(data) {
                b.setAttribute('value', data.msg);
                c.style.left = parseInt(data.x) + 'px';
                c.style.top = parseInt(data.y) + 'px';
            });

            document.onmousemove = function(event) {
                event = event || window.event;
                socket.emit('m', {x: event.clientX, y: event.clientY});
            }


        </script>

    </body>
</html>
4

1 回答 1

18

本地主机是机器本地的。你的 IP 应该使用 ip 地址或域名：

类似：io.connect('192.168.1.110'); 或 io.connect('test.myapp.com');

于 2012-10-17T15:58:12.657 回答