AMP

Einrichtung

Voraussetzungen

Dieses Tutorial setzt Folgendes voraus:

  • Grundkenntnisse in HTML, CSS und JavaScript
  • ein grundlegendes Verständnis der AMP Kernkonzepte (siehe Tutorial "Konvertiere HTML zu AMP" )
  • einen Browser deiner Wahl, der die JavaScript Konsole aufrufen kann
  • einen Texteditor deiner Wahl

Richte deine Entwicklungsumgebung ein

Schritt 1. Lade den Code herunter

Lade den Beispielcode für das Tutorial entweder als ZIP Datei oder via git herunter:

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git

Entpacke die Archivdatei (falls erforderlich) und wechsle zum Projektverzeichnis, indem du auf deinem Computer folgenden Befehl in der Befehlszeile ausführst:

cd accelerated-mobile-pages-advanced

Das Projektverzeichnis enthält mehrere Ressourcendateien als Beispiele sowie die Startseite article.amp.html.

Schritt 2. Führe die Beispielseite aus

Um unsere AMP Beispielseite zu testen, müssen wir von einem Webserver aus auf die Dateien zugreifen. Es gibt mehrere Wege, wie du einen temporären lokalen Webserver zu Testzwecken erstellen kannst. Hier sind einige Optionen – wähle die für dich geeignete Variante aus:

HINWEIS: Es wird dringend empfohlen, HTTPS in Produktionsumgebungen zu verwenden. HTTPS bietet mehrere Vorteile, die über die reine Sicherheit hinausgehen. Dazu gehört auch SEO. Weitere Informationen zu diesem Thema findest du in diesem Blogbeitrag bei Google Webmaster.

Nachdem du deinen lokalen Webserver eingerichtet hast, kannst du über diese URL auf den Beispielartikel in deinem Browser zugreifen:

http://localhost:8000/article.amp.html