间歇性 Cloudfront CDN 故障（监控）- CDN 故障转移

在过去的 2 个月中，我遇到了 Amazon Cloudfront 间歇性故障（每周 2-3 次），页面将从我的 Web 服务器加载，但来自 CDN 的所有资产当时都会阻塞等待几分钟（我确认使用来自不同数据中心的 shell 卷曲，有些可以工作，有些则不能，具体取决于边缘位置 - 伦敦？）。一旦待处理的请求成功，一切都会恢复正常。 我们一直在向亚马逊报告此事，但他们总是回复“不要指望我们回复。如果无数人抱怨，那么我们才会考虑调查这个”这样的消息。通常在我写完支持请求之前它就会恢复正常运行。

我得出的结论是，由于缺乏迁移到其他 CDN 的开发时间，最好的方法是在 html 标头中添加一个脚本，每当发生类似情况时，该脚本都会让我们知道。因此，如果请求时间超过 N 毫秒，请在标头中尝试从 CDN 下载一个小 gif，然后调用根域内的任意 url（用于监控）。

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

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

能怎样？

Thanks.

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

下一个版本将在超时时写入 cookie，并且将来的请求将在服务器端处理（使用相对资源路径）。 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 或任何适合您需要的内容。我使用反向代理，所以这就是我所做的。

最后，我在帖子编辑器中做了一些最后一刻的更改，可能会破坏某些内容。手指交叉。