AMP

Setting up

Pré-requisitos

Para usar este tutorial, você precisará do seguinte:

  • Conhecimento básico de HTML, CSS e JavaScript
  • Entendimento básico dos principais conceitos da tecnologia AMP (consulte o tutorial "Converta seu HTML para AMP")
  • Um navegador de sua escolha que possa inspecionar o console JavaScript
  • Um editor de texto de sua preferência

Como configurar seu ambiente de desenvolvimento

Etapa 1. Baixe o código

Faça o download do código de exemplo do tutorial como um arquivo ZIP ou por Git:

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

Descompacte o arquivo (caso necessário) e acesse o diretório do projeto por meio da linha de comando do computador.

cd accelerated-mobile-pages-advanced

O diretório do projeto contém diversos arquivos de recursos de exemplo e a página inicial article.amp.html.

Etapa 2. Execute a página de exemplo

Para testar a página AMP de exemplo, você precisa acessar os arquivos através de um servidor Web. Existem várias maneiras de criar um servidor Web temporário e local para fins de teste. Estas são algumas opções, escolha a que funciona melhor para você:

OBSERVAÇÃO – É altamente recomendável usar o HTTPS em ambientes de produção. O HTTPS oferece vários benefícios além da segurança, incluindo SEO. Se quiser saber mais sobre esse tópico, leia esta postagem do blog do Google para webmasters.

Após configurar o servidor Web local, acesse o artigo de exemplo no navegador nesta URL:

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