首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将socket.io与Kraken.js结合使用

将socket.io与Kraken.js结合使用
EN

Stack Overflow用户
提问于 2014-08-05 22:02:24
回答 2查看 679关注 0票数 1

我在使用socket.io时遇到了困难,我认为我的项目使用了模块,这些模块可以进入socket.io,所以我启动了一个新的KrakenJs项目,只安装了socket.io。

作为官方socket.io网站上的例子,我尝试了以下方法:

代码语言:javascript
复制
//index.js
'use strict';


var kraken = require('kraken-js'),
    app = require('express')(),
    server = require('http').Server(app),
    io = require('socket.io')(server),
    options = {
        onconfig: function (config, next) {
            //any config setup/overrides here
            next(null, config);
        }
    },
    port = process.env.PORT || 8000;


app.use(kraken(options));

io.on('connection', function(socket){
  console.log('a user connected');
});


app.listen(port, function (err) {
    console.log('[%s] Listening on http://localhost:%d', app.settings.env, port);
});

我的路线控制器:

代码语言:javascript
复制
'use strict';
module.exports = function (router) {
    router.get('/', function (req, res) {
        res.sendfile('./public/templates/index.html');
    });
};

和html页面(与网站中的示例相同):

代码语言:javascript
复制
<!doctype html>
<html>
  <head>
    <title>Socket.IO chat</title>
    <style>
      * { margin: 0; padding: 0; box-sizing: border-box; }
      body { font: 13px Helvetica, Arial; }
      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
      #messages { list-style-type: none; margin: 0; padding: 0; }
      #messages li { padding: 5px 10px; }
      #messages li:nth-child(odd) { background: #eee; }
    </style>
  </head>
  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
   <script src="/socket.io/socket.io.js"></script>
  <script>
    var socket = io();
  </script>
  </body>

</html>

有了这段代码,我的错误就和我的其他克拉肯应用程序一样.因此,我决定测试一个没有kraken框架的简单节点应用程序,并且运行良好。

以下是与krakenJs一起出现的错误:

它是从哪里来的?我也用和不需要的‘t测试,但不会影响.

编辑:我看到了在调用require.js之前输入客户端脚本时出现的错误:

代码语言:javascript
复制
<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
</script>
<script data-main="/js/app" src="/components/requirejs/require.js"></script>

如果我把剧本放在后面:

代码语言:javascript
复制
<script data-main="/js/app" src="/components/requirejs/require.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
</script>

没有错误,但没有使用脚本(控制台中没有“连接”消息)。

知道吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-22 21:35:27

我终于找到了问题所在。

实际上,socket.io必须在服务器上初始化其程序才能在其内部使用。但当你使用:

代码语言:javascript
复制
var server = require('http').Server(app),
    io = require('socket.io')(server);

您正在使用由server变量定义的其他服务器。因此,您必须对这个变量使用listen()方法。

代码语言:javascript
复制
server.listen(8080);

但是,通过使用这个变量,我不认为Kraken会在应用程序中得到很好的使用。不幸的是,我没有找到直接为app方法使用listen()变量的任何可能性。

票数 0
EN

Stack Overflow用户

发布于 2015-03-27 06:35:54

你可以试试这个

代码语言:javascript
复制
app.listen(process.env.PORT, function () {
    console.info('Server listening on http://localhost:%d', this.address().port);
    io = require('socket.io')(this);
});

并给出了启动事件函数中的连接函数。

代码语言:javascript
复制
app.on('start', function () {
    console.info('Application ready to serve requests.');
    console.info('Environment: %s', app.kraken.get('env:env'));

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

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25149081

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档