Wie kann ich meinen AMP redundant machen?

Question

* ich eine statische HTML-Seite mit dem AMP Textvorschlag gemacht haben, die Details eines Fruchtprodukt enthält sagen Apfel, so dass meine URL wie sieht www.xyz.com/apple

Die Seite ein einfaches <amp-carousel> und einige Daten mit src relevant Apfel enthält. (Produkt in der Route) Welche enthält den Titel "Apple", 3 Bilder innerhalb <amp-img><amp-carousel> und ein <amp-list> mit src je nach URL Route/Pfad.

Können sagen, ich habe andere Produkte, deren Details ich durch Änderung Weg Weg zu www.xyz.com/orange zeigen wollen, www.xyz.com/pears, www.xyz.com/grapes usw.

SupposeI wollen sie dynamisch auf die URL in Abhängigkeit zu halten, sagen für www.xyz.com/orange, meine statische Seite würde jetzt ähnliche Informationen enthalten, aber relevant für URL-Pfad - dh. orange/pears/grapes

Da die verschiedenen Produkte enthalten die anderen Titel, unterschiedliche Anzahl der Bilder für amp-list, amp-carousel oder eine einfache Liste, wie kann ich meine Inhalte dynamisch aktualisierte Pfad in URL ReactJS/ES6 Syntax machen.

Geben Sie außerdem Informationen zu Datenfluss-/Lebenszyklusmethoden für AMP-Seiten an, bevor HTML auf dem Server erstellt wird (von dem ich annehme, dass ich vermisse).

Answer 1

Zunächst einmal können Sie ReactJS oder ES6 nicht in einer AMP-Seite verwenden, wie in der AMP-Spezifikation here angegeben.

Was Sie zu tun versuchen, erfordert eine ziemlich einfache Einrichtung im Backend, die den Pfad verwendet, um zu ermitteln, welche Daten zum Erstellen einer AMP-Seite verwendet werden.