Amp html AMP:使用url中的路由信息

Amp html AMP:使用url中的路由信息,amp-html,Amp Html,对于URL/products/123,我们能否从URL中获取并使用该123,以获取并显示相应的数据? 如果我理解正确,使用此动态可以使用setState处理用户对相关产品的点击,从而允许用户重用模板。查询参数可以使用访问,这是amp list组件支持的。在您的情况下,您可以通过查询参数提供产品id: /products?product=123456 …然后使用amp list呈现产品详细信息: <amp-list src="https://foo.com/list.json?product

对于URL
/products/123
,我们能否从URL中获取并使用该
123
,以获取并显示相应的数据?
如果我理解正确,使用此动态可以使用
setState
处理用户对相关产品的点击,从而允许用户重用模板。

查询参数可以使用访问,这是
amp list
组件支持的。在您的情况下,您可以通过查询参数提供产品id:

/products?product=123456

…然后使用amp list呈现产品详细信息:

<amp-list src="https://foo.com/list.json?product=QUERY_PARAM(product)">
  ...
</amp-list>

...

为什么不让服务器呈现初始状态并从那里开始?@Scriptonomy:谢谢你的提问。AMP具有此功能的优点:*单个静态资产可用于不同的项目。我希望这将有助于AMP与无服务器架构的结合。*导航到其他项目时跳过其他页面加载。*保持逻辑动态以在PWA中重用,我担心硬导航会导致应用程序状态丢失(
AMP.setState
stuff)。相关: