AMP

Configuración

Requisitos Previos

Antes de comenzar este tutorial, necesitará lo siguiente:

  • Conocimientos básico de HTML, CSS, y JavaScript
  • Comprensión básica de los conceptos fundamentales de AMP (consulte el tutorial "Cómo convertir HTML en AMP")
  • Un navegador web de su elección en el que pueda 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 que se proporciona en el tutorial como archivo ZIP o mediante git:

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

Descomprima el archivo (si es necesario) y navegue hasta el directorio del proyecto mediante 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 objetivo de probarla. Aquí hay algunas opciones, elija la que mejor funcione para usted:

Se recomienda encarecidamente que utilice HTTPS en entornos de producción. HTTPS incluye varios beneficios que van más allá de la seguridad, incluido el SEO. Puede obtener más información 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