Node.JS 上的跟踪系统

Question

我正在 Node 中构建一个跟踪系统，需要一些帮助来了解使用跟踪脚本的第三方如何连接到 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 加载 socket.io（应该是 http://cdn.socket.io/stable/socket.io.js）并删除你的 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";

在服务器上（托管一个 1x1 像素的 gif 并将其命名为 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");
});

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