javascript - 间歇性 Cloudfront CDN 故障(监控)- CDN 故障转移

Question

在过去的 2 个月里，我一直遇到 Amazon Cloudfront 间歇性故障(每周 2-3 次)，页面会从我的网络服务器加载，但来自 CDN 的所有 Assets 会在当时阻塞等待几分钟(我确认使用来自不同数据中心的 shell curl 有些工作有些不工作取决于边缘位置 - 伦敦？)。一旦挂起的请求成功，一切都会恢复正常。 我们一直在向亚马逊报告此事，但他们总是回复“不要指望我们会回复。如果只有无数人提示，我们才会考虑调查此事”之类的信息。通常在我写完支持请求之前它会恢复正常运行。

我得出的结论是，由于缺少迁移到其他 CDN 的开发时间，最好的继续进行的方法是在 html header 中添加一个脚本，以便在发生类似情况时通知我们。所以在 header 中说，如果请求花费的时间超过 N 毫秒，则尝试从 CDN 下载一个小 gif，然后在根域中调用任意 url(用于监控)。

问题: 如何在所有流行的浏览器中可靠地请求一个超时回调的文件。即:

• 使用 AJAX 从 CDN 请求文件 - 由于跨域限制而无法工作？
• setTimeout("callbackTimeout",2000) callbackTimeout(){getElementById() else ...HttpWebRequest...} - 这会被挂起的 HttpWebRequest 请求阻止还是会起作用？

还有什么办法？

谢谢。

Answer 1

这已在 IE.7 和 8 中进行了简短测试，在 Windows 和 OSX 以及 Chrome 上更新为最新的 FF。我建议你自己测试一下。缩小!如果您知道更好的方法，请提出您的改进建议。使用脚本而不是图像的方式已经被考虑并决定反对可能主要是由于我的无知。

下一个版本将在超时时写入一个 cookie， future 的请求将在服务器端处理(使用相对 Assets 路径)。 cookie 将在 30 分钟后过期。每次连续超时都会更新该 cookie。不确定我将如何处理第一次故障转移。可能是重定向(不是很优雅但很简单)。也许我会想出更聪明的方法(可能更优雅但也更复杂)。

<script type="text/javascript">
//<![CDATA[
// Absolute path to a picture on your CDN to be monitored
cdnImagePath        = "http://YOURCDNADDRESS.net/empty.gif";
//this is relative path (cross domain limitation) 
//will be followed by "timeout" or "other" as a reason i.e. /cdnMonitor.php?message=timeout
cdnMonitoringPath = "/cdnMonitor.php?message=";
// Recommended 3000 for 3 second(s) timeout
cdnTimeoutMilisec = 3000;
// Set to true to be notified after timeout (provides extra information)
cdnNotifyAfterTimeout = false;

// Handler methods
cdnOK = function(){
     if (!cdnTimer && cdnNotifyAfterTimeout) cdnNotify('success');
}

cdnFail = function(reason){
     if (reason != "timeout") {
          if (cdnTimer) clearTimeout(cdnTimer);
          message = "error"
     } else {
          message = reason;
     }
     cdnNotify(message);
}

cdnTimeout = function() {
     cdnTimer = false;
     if (cdnImage.complete == false) {
          cdnFail("timeout");
     }
}

cdnNotify = function(message) {
     if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", cdnMonitoringPath + message, true);
        xmlhttp.send();
     } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
}

// Load test image and define event handlers
cdnTimer = setTimeout("cdnTimeout()", cdnTimeoutMilisec);
cdnImage = new Image(); 
cdnImage.onload  = cdnOK;
cdnImage.onerror = cdnFail;
cdnImage.src = cdnImagePath + "?" + Math.floor(Math.random()*1000000);
//]]>
</script>

这也是我将在服务器端 cdnMonitor.php 用于临时监控的内容:

error_log(date('Y-m-d H:i:s.') .next(explode('.',microtime(1))). ' - '. $_GET['message'] . ' - '. $_SERVER['HTTP_X_REAL_IP']. ' - ' . $_SERVER['HTTP_USER_AGENT'] ."\n", 3, '/tmp/cdnMonitor.log');

您需要将“HTTP_X_REAL_IP”更改为 REMOTE_ADDR 或任何适合您需要的内容。我使用反向代理，所以这就是我所做的。

最后，我在帖子编辑器中做了一些最后一刻的更改，可能会破坏某些东西。祈祷吧。