AMP

Configuração

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 "Converter 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. Fazer download do 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. Executar a página de exemplo

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

É 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 da Web local, acesse o artigo de exemplo no navegador neste URL:

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