如何通过按下按钮连接到节点服务器？

Dwadelfri 发表于 Dev

德瓦德尔弗里

我可以通过按下按钮连接到带有 socket.io 的 nodejs 服务器吗？例如file:///home...site/index.html，我得到了我的页面和在我的本地机器上运行的服务器localhost:8080。当我使用 xmlhttprequest 或其他方式调用函数时，我可以从我的文件连接到服务器吗？如何？有链接/教程吗？

埃德温·托雷斯

我在 GitHub 上有一个非常简单的 socket.io 示例：socketio-example将本示例中的 index.html 页面更新为如下所示：

<!doctype html>
<html>
    <head>
        <script src='/socket.io/socket.io.js'></script>
        <script>
          var socket;
          function makeConnection() {
            socket = io();
            socket.on('welcome', function(data) {
              addMessage(data.message);
              // Respond with a message including this clients' id sent from the server
              socket.emit('i am client', {data: 'foo!', id: data.id});
            });
            socket.on('polo', function(data) {
              addMessage(data.message);
            });
            alert('connected.');
          }

          function addMessage(message) {
            var text = document.createTextNode(message),
                el = document.createElement('li'),
                messages = document.getElementById('messages');
            el.appendChild(text);
            messages.appendChild(el);
          }

          function marco() {
            socket.emit('marco');
          }
        </script>
    </head>
    <body>
        <button onclick="makeConnection()">Connect</button>
        <button onclick="marco()">Marco!</button>
        <ul id='messages'></ul>
    </body>
</html>

这将在用户单击Connect时建立 socket.io 连接。然后你可以点击Marco！发送消息并接收 Polo！回复。