1

我试图了解所有推送通知的工作原理。我试图对推送技术进行一些测试，但到目前为止我失败了。

基本假设是：
1）使用 Apache web-server 作为主要应用程序 web-server（强制性，因为我们所有的代码都使用它）
2）node.js 技术中的跨浏览器推送通知服务器（提供 socket.io，因为它是跨浏览器）。

到目前为止我失败了，这是我的代码（p1.html）：

<!doctype html>
<html>
<head>

<meta charset="UTF-8">
<title>P1</title>
</head>
<body>

<h1>P1</h1>
<section id="content"></section>
<script src="/socket.io.js"></script> <!--socket.io-->
<script src="/socket.js"></script> <!--socket.io-client-->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>

var socket = io.connect('http://localhost:8080');

socket.on('notification', function (data) {
$('#content').append(data.message + '<br>')

});

</script>

</body>

</html>

和我的服务器脚本（p1.js）：

var app = require('http').createServer(handler)
, io = require('socket.io').listen(app)
, url = require('url')
app.listen(8080);

console.log("creating a connection");
io.sockets.on( 'connection', function ( socket ) {

console.log("runing time");
sendTimeMessage(socket);
});

function sendTimeMessage(socket){

console.log("in time");
var time= new Date().getTime();
console.log(time);
socket.volatile.emit( 'notification' , time );
setTimeout(sendTimeMessage, 5000);
}

function handler (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end("");
}

function sendMessage(message) {

io.sockets.emit('notification', {'message': message});
}

  • 对于示例，我将 IP 更改为本地主机，所以我希望语法没有错误。
  • 当我运行时，Apache Web 服务器是显示数据的服务器，其想法是让 socket-io 更新几个字段。

当前状态：
1. 如果我不添加 socket.io-client js 文件，我会得到 socket.io-client 的引用错误
2. 如果我添加了 socket.io-client，我会得到“ReferenceError: require is not defined [打破此错误] 'undefined' != typeof io ? io : module.exports

我真的需要帮助来理解它，并让它发挥作用。我也对替代解决方案持开放态度，我真的需要帮助才能完成这项工作。

4

3 回答 3

2

好的，在 IRC 上的人的巨大帮助下，我部分解决了这个问题，我创建了一个：1）通过 Apache 在端口 80 上的 HTML 2）实时通知服务通过端口 8080 更新我的 HTML

（从函数到达的值可能仍然存在代码问题，导致它没有完全调试）

p1.html（客户端）

<!doctype html>
<html>

<head>

<meta charset="UTF-8">
</head>
<body>
<section id="content"></section>
<script src="/node_modules/socket.io-client/dist/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>

var socket = io.connect('http://10.10.10.1:8080');

socket.on('notification', function (from,msg) {

$('#content').append(msg.message + '<br>')

});

</script>

</body>

</html>

p1.js（服务）

var io = require('socket.io').listen(8080)
console.log("creating a connection");
io.sockets.on( 'connection', function ( socket ) {

console.log("runing time");
var oldtime= new Date().getTime();
while (1){

var newtime= new Date().getTime();
if (newtime%5323==0 && newtime != oldtime){

oldtime = newtime;
console.log(newtime);
socket.emit( 'notification' , {'message': "the time is - " + newtime} );

}

}

});

请享用

于 2013-01-10T21:34:52.263 回答
2

工作示例，您想要实现的目标。第一个错误是客户端的javascript路径错误，正确的是/socket.io/socket.io.js。第二个错误是使用了不存在的 socket.volatile 。

var app = require('http').createServer(handler)
, io = require('socket.io').listen(app)
, url = require('url')


console.log("creating a connection");

io.sockets.on( 'connection', function ( socket ) {
  console.log("runing time");
  sendTimeMessage(socket);
});

function sendTimeMessage(socket){
  console.log("in time");
  var now= new Date().getTime();
  socket.emit('notification', {'message': now});
  setTimeout(function() {
    socket.emit('notification', {'message': "after 5s"});
  },5000);
}

function handler (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end("<html><script src=\"/socket.io/socket.io.js\"></script> <!--socket.io--><script>io.connect().on('notification', function (data) {console.log(data)});</script></html>");
}

app.listen(8080);
于 2013-01-10T11:50:41.360 回答
0

谢谢#yanger，您的代码帮助了我。

我想添加评论。但我还不能使用评论。

就我而言，我想发出实时警报。我使用 80 端口 Web 服务器和 81 端口报警服务器。

所以我只使用这段代码。（客户端.js）

var socket = io.connect(':81');

它完全有效。我希望有人会阅读这篇文章并获得帮助。

于 2019-12-31T11:53:41.907 回答