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