AMP

Configuration

Prérequis

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

  • Des bases en HTML, CSS et JavaScript
  • Une compréhension des concepts de base d'AMP (voir le tutoriel "Convertir votre HTML en AMP")
  • 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-advanced.git

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

cd accelerated-mobile-pages-advanced

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

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

Pour tester l'exemple de page AMP, 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 a 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.amp.html