Accelerated Mobile Pages (AMP) in vorhandene Backbone-Anwendung integrieren

Question

Ich habe eine Backbone-Anwendung, die von index.html initialisiert. Ich habe versucht, neue Amp-html mit dem Namen index.amp.html hinzuzufügen und folgte den Anweisungen in Create Your AMP HTML Page.

Meine index.html hat nur Haken, um js anzufordern, Backbone-App zu laden. Der gesamte HTML-Code wird dynamisch generiert.

Gibt es eine Möglichkeit, AMP-Verfahren in dynamisch generiertes HTML einzubinden? Da alles, was ich habe, ein Index ist, wird der gesamte Inhalt durch den Lenker dynamisch auf der Client-Seite generiert.

Ich fand keinen guten Artikel, um SPAs zur Unterstützung von AMP zu machen. Gibt es Best Practices, denen man folgen sollte? Bitte hilf mir.

Answer 1

Zu diesem Zeitpunkt die einzigen JavaScripts, die in einem AMP-Dokument ausgelöst werden können, sind diese beiden Skripte:

<script async src="https://cdn.ampproject.org/v0.js"></script> 
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> 

Sie einen Schnurrbart Vorlage als Teil des benutzerdefinierten Element Skript verwenden können, wie folgt:

<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script> 

Die Vorlagen werden hier beschrieben: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-templates.md

Ohne Zugriff auf den Code, kann nicht sagen, wie einfach oder difficul Es kann sein, dass Sie Ihre Lenkerschablonen so anpassen, dass sie dem obigen Modell entsprechen.