如何测试 Google 的 AMP 项目的 CDN？

Question

引自此处：https://www.ampproject.org/docs/get_started/about-amp.html

AMP 是一种为快速呈现的静态内容构建网页的方法。 AMP 在行动中由三个不同的部分组成：

• AMP HTML
• AMP JS
• AMP CDN

AMP HTML 是一种 HTML，在可靠性方面存在一些限制，并且 一些扩展，用于构建基本 HTML 之外的丰富内容。放大器 JS 库确保 AMP HTML 页面的快速呈现。 AMP CDN （可选）提供 AMP HTML 页面。

引自此处：https://www.ampproject.org/how-it-works/

Google 正在提供一种服务，可以提供给定的 AMP HTML 文档 通过其 CDN 访问他们的 URL。

我在哪里可以找到这个 CDN 服务，以便我可以测试它？我google了很多，但我找不到任何信息。

Answer 1

要使用 AMP 项目 CDN，您可以通过以下形式的 URL 访问：

https://cdn.ampproject.org/c/s/<origin-domain>/<path>

请注意，/s 部分是可选的，表示安全来源，因此如果来源不是通过 https 提供的，那么您可以使用：

https://cdn.ampproject.org/c/<origin-domain>/<path>

因此，如果我们采用以下具有 AMP 等效项的 URL：http://www.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator，查看源代码，我们会看到以下链接：

<link rel="amphtml" href="https://amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator">

因此，我们可以为该 AMP 文档形成一个 CDN URL：

https://cdn.ampproject.org/c/s/amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator

来源：https://github.com/ampproject/amphtml/blob/master/src/service/cid-impl.js#L201

Answer 2

CDN URL 将在 2017 年发生变化： https://developers.googleblog.com/2016/12/amp-cache-updates.html

上面的例子：

https://amp-theguardian-com.cdn.ampproject.org/c/s/amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator

Answer 3

对于带有 http 的文本示例：

http://example.com/blog/index.html

缓存网址是：

https://example-com.cdn.ampproject.org/c/example.com/blog/index.html

使用 https：

https://example.com/blog/index.html

缓存 URL 是（注意 /s/）：

https://example-com.cdn.ampproject.org/c/s/example.com/blog/index.html

对于图像，将 /c/ 替换为 /i/，例如，

http://example.com/blog/picture.jpeg

缓存网址是：

https://example-com.cdn.ampproject.org/i/s/example.com/blog/picture.jpeg

有关缓存 URL 名称构建和名称构建工具的更多详细信息可以在这里找到：https://developers.google.com/amp/cache/overview

Answer 4

如果您访问 AMP 开发人员文档中的 Using the Google AMP Cache page，则会有一个文本框，您可以在其中输入您的原始 URL，它会显示相应的 AMP 缓存 URL。