简体   繁体   English

Node Express 3x套接字IO测试

[英]Node Express 3x socket IO testing

I try to add socket IO to my project but I didn't manage to make it work. 我尝试将套接字IO添加到我的项目中,但没有设法使其正常工作。

my app.js 我的app.js

/**
 * Module dependencies.
 */

var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');
var path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

    var server = http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});


  //IO Config

var io = require("socket.io").listen(server);
io.sockets.on('connection', function (socket) {
    socket.emit('makealert');
});

my views: 我的看法:

extends layout

script(type='text/javascript' src='../node_modules/socket.io/lib/socket.io.js')

script(type='text/javascript'
  var socket = io.connect();
  socket.on('makealert', function () {
      alert('Boom');
  });
)

block content
  h1= title
  p Welcome to #{title}

my route: 我的路线:

exports.index = function(req, res){
  res.render('index', { title: 'Express' });
};

I have 2 problems: -first what's the way to find socket.io.js (in a jade view) -second, is my app.js OK ? 我有两个问题:-首先,以什么方式找到socket.io.js(在玉视图中)-其次,我的app.js可以吗? -thrid, my console said: -thrid,我的控制台说:

SyntaxError: Node/thrid_app/demo-express/views/index.jade:5 3| 语法错误:Node / thrid_app / demo-express / views / index.jade:5 3 | script(type='text/javascript' src='../node_modules/socket.io/lib/socket.io.js') 4| 脚本(类型='文本/ JavaScript'src ='.. / node_modules / socket.io / lib / socket.io.js')4 |

5| 5 | script(type='text/javascript' 6| var socket = io.connect(); 7| socket.on('makealert', function () { 脚本(type ='text / javascript'6 | var socket = io.connect(); 7 | socket.on('makealert',function(){

Ty for yours helps 泰为您提供帮助

The error you have mentioned is due to syntax error in jade 您提到的错误是由于jade语法错误

change this line 改变这条线

script(type='text/javascript'
  var socket = io.connect();
  socket.on('makealert', function () {
      alert('Boom');
  });
)

to

script(type='text/javascript')
  var socket = io.connect();
  socket.on('makealert', function () {
      alert('Boom');
  });

Some mistakes in your code, also you seem to be using old jade syntax. 您的代码中有一些错误,您似乎也正在使用旧的Jade语法。

  1. You are missing a comma in script(type='text/javascript' src='../') . 您在script(type='text/javascript' src='../')中缺少逗号。 It should be script(type='text/javascript', src='../') 应该是script(type='text/javascript', src='../')
  2. Since jade 0.31, script must be used as script. 从jade 0.31开始, script必须用作script. or script(...). script(...). . Likewise for style . 同样的style
  3. Your last script tag in view is closed incorrectly 您视图中的最后一个脚本标记未正确关闭

     script(type='text/javascript' ... ) 

    Should be like this 应该是这样的

     script(type='text/javascript') ... 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM