我正在尝试使用socket.io将本地计算机上的Chrome浏览器连接到远程节点服务器。我正在使用expressjs为我的节点服务器上的所有文件提供服务,所以我有一个带有html和js文件的公共目录(我创建了一个符号链接到我从npm得到的node_modules下的socket.io文件)。
我遇到的问题是,当Chrome拉出我的index.html时,我会收到以下错误:
未捕获的ReferenceError:require未定义socket.io.js:12 未捕获的ReferenceError:未定义io
我像其他一些帖子一样尝试了cdn,但这导致了另一个问题。许多帖子提倡这种方法,所以我不确定为什么它不解析nodejs的东西。有什么想法吗?
这是我的index.html的样子:
<html>
<head>
</head>
<body>
<script src="http://nodeserver:8080/socket.io/lib/socket.io.js"></script>
<script>
var socket = io.connect('http://nodeserver:8080');
socket.on('', function (data) {
console.log(data);
socket.emit('update checkins', { my: 'data' });
});
</script>
<h2>Test Page</h2>
</body>
</html>
我的服务器代码如下所示:
var express = require('express'),
app = express(),
server = require('http').createServer(app),
io = require('socket.io').listen(server);
// Get the environment variables we need.
var ipaddr = process.env.VCAP_APP_HOST || 'myserver.com';
var port = process.env.PORT || 8080;
app.configure(function() {
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(__dirname + '/public'));
});
// set up the RESTful API, handler methods are defined in api.js
var api = require('./controller/api.js');
app.get('/foursq', api.list);
// Set Socket.io
io.sockets.on('connection', function (socket) {
console.log('Socket created...');
socket.emit('welcome', {welcome: 'you'});
socket.on('update checkins', function (msg) {
socket.broadcast.emit('checkins', api.list);
});
});
// And start the app on that interface (and port).
app.listen(port, ipaddr, function () {
console.log('%s: Foursquare Node server started on %s:%d ...', Date(Date.now()),
ipaddr, port);
});
答案 0 :(得分:2)
问题是我有原始代码监听app对象,但是当我更新代码以添加套接字时,我忽略了将其更改为server.listen,如下所示:
server.listen(port, ipaddr, function () {
console.log('%s: Foursquare Node server started on %s:%d ...', Date(Date.now()),
ipaddr, port);
});
然后,这允许我简单地将脚本包括如下,而不必像Billy指出的那样复制任何内容:
<script src="/socket.io/socket.io.js"></script>