javascript - Node.JS 上的跟踪系统

Question

我正在 Node 中构建一个跟踪系统，需要一些帮助来了解使用跟踪脚本的第 3 方将如何连接到 Node 应用程序。

最初我设置了一个页面以使用 Socket.io 连接到应用程序，但该解决方案似乎仅在客户端页面托管在 Node 服务器上时才有效。因此，例如在第 3 方网站上，他们将拥有:

http://node.appserver.com:8080/tracker.js

该脚本将从站点收集数据，然后通过 socket.io 连接到应用程序，但我似乎无法收到任何响应，因为该应用程序正在监听来自应用程序中 index.html 文件的请求本身，而不是来自 tracker.js 脚本。

这是我希望通过以下流程运行该应用程序:

http://www.evernote.com/shard/s7/sh/56f88de2-f1c0-470b-9169-c7aca1479037/92b00f81ff86eebd4add6f6f68053a50

tracker.js 将使用以下方式连接:

$.getScript('/socket.io/socket.io.js', function(data){
  var socket = io.connect('http://node.appserver.com:8080');
  socket.emit('adTracker', 
    { adServer: 'datalunk', zone : 'top_home', referingURL : 'comple.com' } 
  );
});

然后应用看起来像这样:

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

app.listen(8080);

io.configure(function () {
    io.set('authorization', function (handshakeData, callback) {
        if (handshakeData.xdomain) {
            callback('Cross-domain connections are not allowed');
        } else {
        callback(null, true);
        }
    });
});


function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

io.sockets.on('connection', function (socket) {
  socket.on('adTracker', function (data) {
var adRequestData = data;
var pass = ["bigbooks"];
var databaseUrl = "username:password@linus.mongohq.com:10006/node-test";
var collections = ["cmnads"]
var db = require("mongojs").connect(databaseUrl, collections);

db.cmnads.insert({adRequest : adRequestData}, {$set: {password: pass}}, function(err, updated) {
    if( err || !updated ) console.log("User not updated");
    else console.log("User updated");
    });
  });
});

有人可以告诉我应该如何将我们的网站连接到实际的 Node 应用程序吗？

Answer 1

您的第 3 方客户端站点需要包含您的 tracker.js(并且由于您的 $.getScript，它们需要包含 socket.io + jQuery)。

另一种解决方案是从 tracker.js 中的 CDN(应该是 http://cdn.socket.io/stable/socket.io.js)加载 socket.io 并删除你的 jQuery 依赖:你的代码可能看起来像这样(加载 socket.io 并做你的事情加载时):

(function(document, onload){

  var io = document.createElement('script');
  io.src = "//cdn.socket.io/stable/socket.io.js";
  io.setAttribute('async', 'true');
  if ( typeof onload === 'function') {
    io.onloadDone = false;
    io.onload = function() {
        io.onloadDone = true;
        onload();
    };
    io.onreadystatechange = function() {
        if ( "loaded" === io.readyState && !io.onloadDone ) {
            io.onloadDone = true;
            io.onload();
        }
    };
  }
  // head exists -> append to head, otherwise to body
  (document.getElementsByTagName('head') || document.getElementsByTagName('body'))[0].appendChild(io);

})(document, function(){
  // here socket.io should be ready
  var socket = io.connect('http://node.appserver.com:8080');
  // ...
});

将其放入您的 tracker.js 中，将其托管在某处，然后您的客户可以只包含 tracker.js:

<script src="yourhost/tracker.js"></script>

但通常跟踪系统不是使用 socket.io 构建的(我认为 socket.io 压缩了大约 100k，对于跟踪解决方案来说相当大)

通常跟踪系统是通过创建请求并将变量作为参数发送来完成的。

在客户端:

var img = new Image();
img.src = "http://node.appserver.com:8080/tracking.gif?param1=value1&param2=value2";

在服务器上(托管一个 gif 1x1 px 并将其命名为 tracking.gif):

var http = require("http");
var url = require("url");
var trackingGif = fs.readFileSync("./tracking.gif");
http.Server(function (req, res) {
  var params = url.parse(req.url, true)).query;
  res.writeHead(200);
  res.end(trackingGif, "binary");
});

希望对您有所帮助。提示:我所有的代码都未经测试，但应该清楚我的意思。