AMP

Configuration

Prérequis

Avant de commencer ce tutoriel, vous aurez besoin des éléments suivants:

  • Des bases en HTML, CSS et JavaScript
  • Un navigateur de votre choix qui peut inspecter la console JavaScript
  • Un éditeur de texte de votre choix

Configurez votre environnement de développement

Étape 1. Téléchargez le code

Téléchargez l'exemple de code du tutoriel sous forme de fichier ZIP ou via git:

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

Décompressez le fichier d'archive (si nécessaire) et accédez au répertoire du projet via la ligne de commande suivante sur votre ordinateur:

cd accelerated-mobile-pages-foundations

Le répertoire du projet contient plusieurs exemples de fichiers de ressources et la page article.html de démarrage.

Étape 2. Exécutez la page d'exemple

Pour tester notre exemple de page, nous devons accéder aux fichiers à partir d'un serveur Web. Il existe plusieurs façons de créer un serveur Web local temporaire à des fins de test. Voici quelques options, choisissez celle qui vous convient le mieux:

REMARQUE - Il est fortement recommandé d'utiliser HTTPS dans les environnements de production. HTTPS présente plusieurs avantages au-delà de la simple sécurité, y compris le référencement. Vous pouvez en savoir plus sur ce sujet dans cet article de blog Google Webmaster.

Après avoir configuré votre serveur Web local, accédez à l'exemple d'article dans votre navigateur à cette URL:

http://localhost:8000/article.html