クライアント側でsocket.ioモジュールをロードするときに 404 エラーが発生する理由を誰でも指摘できますか? layout.jade ファイルで socket.io モジュールを呼び出す方法に問題があると思います。
script(type='text/javascript', src='../socket.io/socket.io.js')
Socket.ioモジュールを使用して Web ソケットを作成する基本的な Express アプリです。クライアント(Jadeテンプレートエンジンを使用)を使用してWebソケットに接続すると、スローされます-
GET http://localhost:3000/socket.io/socket.io.js 404 (Not Found)
これが私のlayout.jade、index.jade、app.jsの内容です。
Layout.jade
doctype 5
html
head
title= title
script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js')
script(type='text/javascript', src='/javascripts/flot/jquery.js')
script(type='text/javascript', src='/javascripts/flot/jquery.flot.js')
script(type='text/javascript', src='../socket.io/socket.io.js') //script(src='http://'+ domain + ':3000/socket.io/socket.io.js')
link(rel='stylesheet', href='/stylesheets/style.css')
body
block content'
インデックスジェイド
extends layout
block content
h1= title
p Welcome to #{title}
Index.js
exports.index = function(req, res){
res.render('index', { title: 'Temperature Monitor',domain: 'localhost' });
};
app.js
var express = require('express'),
routes = require('./routes'),
user = require('./routes/user'),
http = require('http'),
path = require('path');
var app = express();
var httpServer = http.createServer(app);
var io = require('socket.io').listen(httpServer);
app.configure(function(){
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')));
});
app.configure('development', function(){
app.use(express.errorHandler());
});
app.get('/', routes.index);
app.get('/users', user.list);
http.createServer(app).listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});
io.sockets.on('connection', function(socket) {
socket.emit('welcome', {'salutation':'TMP36 Sensor output!'});
});'
次のコマンドを実行してアプリを作成しました。
express homeAutomation
cd homeAutomation
npm install
node app.js
私のフォルダ構造の詳細 -
HomeAutomation
->node_modules
->express
->jade
->socket.io
->public
->routes
->views
->index.jade
->layout.jade
App.js