Konfigurowanie
Wymagania wstępne
Do rozpoczęcia tego samouczka potrzebne są:
- Podstawowa wiedza o HTML, CSS i JavaScript
- Podstawowa wiedza o głównych koncepcjach AMP (patrz samouczek Konwertowanie HTML na AMP)
- Wybrana przez Ciebie przeglądarka, która może sprawdzać dane w konsoli JavaScript
- Wybrany przez Ciebie edytor tekstów
Przygotuj swoje środowisko programistyczne.
Krok 1. Pobierz kod
Pobierz przykładowy kod samouczka albo jako plik ZIP, albo przez git:
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
Rozpakuj plik archiwum (w razie potrzeby) i przejdź do katalogu projektu na komputerze za pomocą wiersza polecenia:
cd accelerated-mobile-pages-advanced
Katalog projektu zawiera kilka przykładowych plików zasobów oraz początkową stronę article.amp.html.
Krok 2. Uruchom przykładową stronę
Aby przetestować przykładową stronę AMP, musimy uzyskać dostęp do plików z serwera WWW. Tymczasowy lokalny serwer WWW do celów testowania można utworzyć na kilka sposobów. Oto kilka opcji, wybierz najlepszą dla Ciebie:
- Aplikacja Google Chrome o nazwie Web Server for Chrome
- Lokalny serwer HTTP w języku Python
- Apache
- nginx
UWAGA — zdecydowanie zalecane jest stosowanie w środowiskach produkcyjnych protokołu HTTPS. HTTPS ma kilka zalet oprócz bezpieczeństwa, w tym SEO. Możesz przeczytać więcej na ten temat w tym wpisie na blogu Google Webmaster.
Po skonfigurowaniu lokalnego serwera WWW przejdź do przykładowego artykułu w przeglądarce pod tym adresem URL:
http://localhost:8000/article.amp.html