如何让我的 AMP 变得多余？答案

【问题标题】：How can I make my AMP redundant?如何让我的 AMP 变得多余？
【发布时间】：2017-08-19 01:56:00
【问题描述】：

*我使用 AMP 样板制作了一个静态 HTML 页面，其中包含水果产品的详细信息，比如苹果，所以我的 URL 看起来像 www.xyz.com/apple

该页面包含一个简单的<amp-carousel> 和一些与苹果相关的src 数据。（路线中的产品）其中包含标题“Apple”、<amp-carousel> 的<amp-img> 内的 3 个图像和一个@987654326 @ 和 src 取决于 URL 路由/路径。

假设我有其他产品，我想通过将路由路径更改为www.xyz.com/orange、www.xyz.com/pears、www.xyz.com/grapes 等来显示其详细信息。

假设我想根据 URL 保持动态，比如www.xyz.com/orange，我的静态页面现在将包含类似的信息，但与 URL 路径相关 - 即。 orange/pears/grapes

由于不同的产品包含不同的标题、amp-list、amp-carousel 或任何简单列表的不同数量的图像，我如何使用 ReactJS/ES6 语法使我的内容动态以更新 URL 中的路径。

此外，在服务器上生成 HTML 之前，请提供有关 AMP 页面的数据流/生命周期方法的任何信息（我假设我缺少这些信息）。

【问题讨论】：

【解决方案1】：

首先，您不能在 AMP 页面中使用 ReactJS 或 ES6，如 AMP 规范 here 中所述。

您要尝试做的事情需要在后端进行相当基本的设置，该设置将采用路径来确定用于构建 AMP 页面的数据。

【讨论】：