如何使我的AMP冗余?

时间:2017-07-25 07:00:23

标签: reactjs amp-html google-amp

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

该页面包含一个简单的<amp-carousel>和一些与苹果相关的src数据。(路线中的产品)其中包含标题&#39; Apple&#39;,{{1 } <amp-img><amp-carousel> <amp-list>取决于网址/路径。

假设我有其他产品,我希望通过将路径路径更改为srcwww.xyz.com/orangewww.xyz.com/pears等来显示其详细信息。

假设我希望保持动态,具体取决于URL,例如www.xyz.com/grapes,我的静态页面现在包含类似的信息,但与URL路径相关 - 即。 www.xyz.com/orange / orange / pears

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

此外,在服务器上制作HTML之前,提供有关AMP页面的数据流/生命周期方法的任何信息(我假设我遗漏了这些)。

1 个答案:

答案 0 :(得分:0)

首先,您无法在AMP规范here中所述的AMP页面中使用ReactJS或ES6。

您要做的事情需要在后端进行相当基本的设置,以便确定用于构建AMP页面的数据。