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

Vorheriges Kapitel Nächstes Kapitel