AMP

Menyiapkan

Prasyarat

Sebelum memulai tutorial ini, Anda akan memerlukan hal-hal berikut ini:

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

Menyiapkan lingkungan pengembangan

Langkah ke-1. Mengunduh kode

Unduh kode sampel untuk tutorial, baik dalam berkas ZIP maupun melalui git:

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git

Ekstrak berkas arsip (jika diperlukan) dan buka direktori proyek melalui baris perintah di komputer Anda:

cd accelerated-mobile-pages-advanced

Direktori proyek berisi beberapa berkas sumber daya yang menjadi contoh dan halaman awal article.amp.html.

Langkah ke-2. Menjalankan halaman sampel

Untuk menguji halaman AMP sampel, kita perlu mengakses berkas dari server web. Ada beberapa cara untuk membuat server web lokal sementara untuk tujuan pengujian. Berikut ini adalah beberapa opsinya, pilih salah satu opsi yang terbaik bagi Anda:

CATATAN – Anda sangat disarankan untuk menggunakan HTTPS di lingkungan produksi. HTTPS memiliki beberapa manfaat di luar keamanan, termasuk SEO. Anda dapat membaca lebih lanjut tentang topik ini di muatan berita blog Google Webmaster.

Setelah menyiapkan server web lokal Anda, buka artikel sampel pada browser Anda di URL ini:

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