jquery-ui - YUI3 和 socket.io

Question

只是一个简单的问题:

我正在使用 YUI3我网站的框架并想使用 socket.io框架。

现在的挑战是使用 socket.io与 YUI3。
截至目前，我正在使用 socket.io内部逻辑YUI沙箱及其工作正常。

但是这种方法可以有任何退路吗？如果是，那么我应该如何对两者进行整数化？

这是代码片段:

<script type="text/javascript">

YUI().use('my-slide' , 'node', 'event','transition',  function (Y) {

    // connecting to nodejs server running on 7001 port for dynamic updates 
    var broadcast = io.connect('http://localhost:7001/getlatestbroadcast');

    broadcast.on('status',function(data){

        // some socket  logic here 
    }); 

    // Setting Listener
    broadcast.on('moreData',function(data){

        // some socket logic here 

    });
});

</script>

Answer 1

你正在做的事情绝对有效，除非你与其他名为 io 的变量发生冲突，否则以这种方式使用它没有问题。 .使用 Socket.IO(或 YUI 中的任何其他外部模块)的一种更有效的方法是将其命名为 Y。改为对象:

YUI({
      modules: {
          'socket.io': {
              fullpath: '/socket.io/socket.io.js'
          }
      },

      onProgress: function (e) {
          if (e.data[0].name === 'socket.io') {
              YUI.add('socket.io', function (Y) {
                  Y.Socket = io;
              });
          }
      }
  }).use('socket.io', function (Y) {
      var socket = Y.Socket.connect('http://localhost');

      socket.on('news', function (data) {
          console.log(data);
          socket.emit('my other event', { my: 'data' });
      });
  });

这以 socket.io 中的示例为例。网站并允许您将其命名为 Y.Socket .这样，只有当你专门做 YUI().use('socket.io') , 你真的可以访问 Y.Socket ，这有助于保持您的代码以正确的顺序组织和加载，这要归功于 YUI 加载器。

另外，请随时查看 Socket Model Sync我创建的 YUI Gallery 模块，如果您正在寻找一种更简单的方法来将您的 YUI App Framework 应用程序与 Socket.IO 集成。

希望这会有所帮助，如果您对整合两者有任何疑问，请告诉我!