3

我有一个用静态 html/js/css 编写的 HTML5 应用程序（它实际上是用 Dart 编写的，但编译成 javascript）。我通过 CDN 提供应用程序文件，REST api 托管在单独的域上。该应用程序使用客户端路由，因此当用户开始使用该应用程序时，该 url 可能会更改为类似http://www.myapp.com/categories. 问题是，如果用户刷新页面，会导致 404。

是否有任何 CDN 允许我创建一个规则，如果用户请求的页面是有效的客户端路由，它只会返回（在我的情况下）client.html页面？

更详细的解释/示例

我的 Web 应用程序的静态文件存储在 S3 上，并通过 Amazon 的 CloudFront CDN 提供服务。有一个引导应用程序的 HTML 文件，client.html. 这是访问域根目录时提供的默认文件，因此如果您访问www.mysite.com浏览器，实际上是提供www.mysite.com/client.html.

Web 应用程序使用客户端路由。一旦应用程序加载并且用户开始导航，URL 就会更新。这些 url 实际上并不存在于 CDN 上。例如，如果用户想要浏览小部件，她会单击一个按钮，客户端路由将显示“小部件”视图，并且浏览器的 url 将更新为www.mysite.com/widgets/browse. 在 CDN 上，/widgets/browse实际上并不存在，所以如果用户点击浏览器上的刷新按钮，他们会得到 404。

我的问题是是否有任何 CDN 支持查看请求 URI 并重写它。所以，我可以看到一个请求/widgets/browse并将其重写为/client.html. 这样，将提供应用程序而不是返回 404。

我意识到这个问题还有其他解决方案，即在 CDN 前面放置一个服务器，但它不太理想。

4

2 回答 2

3

我使用 CloudFront 执行此操作，但我使用我自己的运行 Apache 的服务器来完成此操作。我意识到您正在使用亚马逊的服务器，但由于您没有指定您仅限于此，我想我会回答如何完成您想要做的事情。

这很简单。每当您查询尚未在 CloudFront 上的缓存中或缓存中存在但已过期的内容时，CloudFront 都会返回到您的 Web 服务器，要求它提供内容。此时，您可以完全控制请求。我使用 Apache 中的 mod_rewrite 来捕获请求，然后根据请求确定我要提供的内容。事实上，我的服务器上没有一个文件（备用一个 php 脚本），但 cloudfront 相信有数千个。很确定 url 重写在大多数 Web 服务器上是标准的，不过我只能根据我自己的经验来确认 lighttp 和 apache。

更多信息

你在这里所做的只是告诉你的服务器重写传入的请求以满足它们。这不会被视为代理或任何类似的东西。

您的应用程序和服务器之间的内容流（中间有云端）如下所示：

appRequest->cloudFront
         if cloudFront has file, return data to user without asking your server
         for the file.

         If cloudFront DOESN'T have the file (or it has expired), go back to 
         the origin server and ask it for a new copy to cache.

所以基本上，你的情况是这样的：

A)app->ask cloudfront for url cloud front 没有
B)cloudfront 然后向你的源服务器询问文件
C) 文件在那里不存在，所以服务器告诉 cloudFront 去放风筝
D)cloudFront 回来了空手并让您的应用程序 404
E) 应用程序崩溃和烧毁，用户逃跑并使用其他东西。

所以，你对 mod_rewrite 所做的只是告诉你的服务器它如何重新解释某些格式化的请求并采取相应的行动。您可以将所有 .jpg 请求指向 singleImage.jpg，然后让您的应用请求：

www.mydomain.com/image3.jpg
www.mydomain.com/naughtystuff.jpg

这些图像甚至都不必存在于您的服务器上。Apache 只会通过发回 singleImage.jpg 来满足请求。但就云端或您的应用程序而言，它们是两个不同的文件，位于服务器上两个不同的独特位置。

希望这可以清除它。

http://httpd.apache.org/docs/current/mod/mod_rewrite.html

于 2014-09-26T02:44:30.423 回答
1

我认为您以错误的方式使用 URL 结构。由正斜杠定义的路径应该将您带到特定资源，在您的示例 client.html 中。但是，对于超出该点的路由（在该资源内），您应该使用 # - 就像在许多 javascript 框架中所做的那样。这应该告诉您的路由器资源（您的 html 页面或应用程序）的状态是什么。如果引用了其他资源，例如图像，那么您应该为它们提供不同的路径，这些路径将通过 CDN。

于 2015-04-12T09:03:46.847 回答