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