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