AMP

Configuración

Requisitos Previos

Antes de comenzar este tutorial, necesitará lo siguiente:

  • Conocimiento básico de HTML, CSS, y JavaScript
  • Una comprensión básica de los conceptos básicos de AMP (consulte el tutorial "Convertir HTML en AMP")
  • Un navegador de su elección que puede inspeccionar la consola de JavaScript
  • Un editor de texto de su elección

Configure su entorno de desarrollo

Paso 1. Descargue el código

Descargue el código de ejemplo del tutorial como el archivo ZIP o mediante git:

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

Descomprima el archivo comprimido (si es necesario) y navegue hasta el directorio del proyecto a través de la línea de comandos en su computadora:

cd accelerated-mobile-pages-advanced

El directorio del proyecto contiene varios archivos de recursos de ejemplo y la página de inicio article.amp.html.

Paso 2. Ejecute la página de ejemplo

Para probar la página de AMP de muestra, necesitamos acceder a los archivos desde un servidor web. Hay varias maneras de crear un servidor web local temporal con el propósito de probar. Aquí hay algunas opciones, elija la que mejor funcione para usted:

Se recomienda encarecidamente utilizar HTTPS en entornos de producción. HTTPS tiene varios beneficios más allá de la seguridad, incluyendo SEO. Puedes leer más sobre este tema en Google Webmaster.

Después de configurar su servidor web local, acceda al artículo de ejemplo en su navegador en esta dirección URL:

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