Do you build things with AMP? Fill out the AMP Developer Survey!
AMP

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
  • Wybrany przez Ciebie edytor tekstów

Przygotowanie środowiska programistycznego

Krok 1. Pobierz kod

  1. Pobierz skompresowany jako plik zip kod samouczka z poniższego adresu URL: https://github.com/ampproject/docs/raw/master/tutorial_source/amp-pets-story.zip

  2. Wyodrębnij zawartość pliku zip. W katalogu amp-pets-story znajdują się pliki obrazów, wideo, audio i danych, których będziemy używać do utworzenia naszej relacji. Plik pets.html jest naszym punktem wyjścia dla relacji. Gotową wersję relacji można znaleźć w pliku pets-completed.html.

Krok 2. Uruchom przykładową stronę

Aby przetestować naszą przykładową relację internetową, 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:

Po skonfigurowaniu lokalnego serwera WWW spójrz, jak będzie wyglądać nasza ukończona relacja internetowa pod koniec tego samouczka, przechodząc do następującego adresu URL:

http://localhost:8000/pets-completed.html

WAŻNE — upewnij się, że adres URL jest serwowany z hosta localhost, w przeciwnym razie relacja internetowa może nie zostać załadowana prawidłowo i napotkasz błędy takie jak "source" "must start with "https://" or "//" or be relative and served from either https or from localhost.

Przeklikaj ukończoną relację i zobacz, co będziemy tworzyć.