AMP

Configurazione

Prerequisiti

Prima di iniziare questa esercitazione, hai bisogno di quanto segue:

  • conoscenze di base di HTML, CSS e JavaScript
  • comprensione basilare dei concetti AMP fondamentali (consultare l'esercitazione "Convertire pagine HTML in AMP")
  • Un browser a scelta in grado di ispezionare la console JavaScript
  • Un editor di testo a scelta

Configurazione dell'ambiente di sviluppo

Passo 1. Scaricare il codice

Scaricare il codice di avvio dell'esercitazione come file ZIP o tramite git:

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

Decomprimere il file di archivio (se necessario) e spostarsi nella directory di progetto dalla linea di comando del proprio computer:

cd accelerated-mobile-pages-advanced

La directory di progetto contiene diversi file con esempi di risorse e la pagina article.amp.html iniziale.

Passo 2. Eseguire la pagina di esempio

Per testare la pagina AMP di esempio, dobbiamo accedere ai file da un server web. Esistono diversi modi per creare un server web locale temporaneo a scopo di test. Ecco alcune opzioni tra cui scegliere quella preferita:

NOTA: Si consiglia vivamente di utilizzare HTTPS negli ambienti di produzione. HTTPS ha diversi vantaggi oltre alla semplice sicurezza, comprese le funzioni SEO. Ulteriori informazioni su questo argomento sono disponibili in questo post del blog di Google Webmaster.

Dopo aver configurato il server web locale, accedere all'articolo di esempio nel browser da questo URL:

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