AMP

Menyiapkan

Prasyarat

Sebelum memulai tutorial ini, Anda akan memerlukan hal berikut:

  • Pengetahuan dasar tentang HTML, CSS, dan JavaScript
  • Pemahaman dasar tentang konsep inti AMP (lihat tutorial "Mengonversi HTML menjadi AMP")
  • Browser pilihan Anda
  • Editor teks pilihan Anda

Menyiapkan lingkungan pengembangan

Langkah 1. Download kodenya

  1. Download kode untuk tutorial, yang dikompresi sebagai file zip dari URL berikut: https://github.com/ampproject/docs/raw/master/tutorial_source/amp-pets-story.zip

  2. Ekstrak konten file zip tersebut. Di direktori amp-pets-story terdapat file gambar, video, audio, dan data yang akan kita gunakan untuk membuat artikel. File pets.html adalah titik awal kita untuk artikel. Artikel dalam versi jadi dapat dilihat pada file pets-completed.html.

Langkah 2. Jalankan halaman sampel tersebut

Untuk menguji contoh artikel, kita harus mengakses filenya dari server web. Ada beberapa cara untuk membuat server web lokal sementara untuk tujuan pengujian. Berikut adalah beberapa opsinya, pilih salah satu opsi terbaik bagi Anda:

Setelah menyiapkan server web lokal, lihat tampilan artikel yang sudah jadi pada akhir tutorial ini dengan mengakses URL berikut:

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

Pastikan URL ditayangkan dari localhost; jika tidak, artikel AMP mungkin tidak akan dimuat dengan benar, dan Anda mungkin akan menemukan error seperti "source" "must start with "https://" or "//" or be relative and served from either https or from localhost.

Klik pada artikel yang sudah jadi dan pahami apa yang akan kita buat.