Kurulum
Ön koşullar
Bu öğreticiye başlamadan önce aşağıdakilere ihtiyacınız olacak:
- HTML, CSS ve JavaScript hakkında temel bilgi
- AMP’nin temel kavramlarının temel bir anlayışı ("HTML’nizi AMP’ye dönüştürme" öğreticisine bakın)
- JavaScript konsolunu inceleyebilen seçtiğiniz bir tarayıcı
- Seçtiğiniz bir metin editörü
Geliştirme ortamınızı ayarlayın
1. Adım: Kodu indirin
Öğretici için örnek kodu bir ZIP dosyası olarak veya git aracılığıyla indirin:
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
Arşiv dosyasını dizine çıkarın (gerekirse) ve bilgisayarınızdaki komut satırı üzerinden proje dizinine gidin:
cd accelerated-mobile-pages-advanced
Proje dizini, birkaç örnek kaynak dosyası ve başlangıç article.amp.html sayfasını içerir.
2. Adım: Örnek sayfayı çalıştırın
Örnek AMP sayfasını test etmek için dosyalara bir web sunucusundan erişmemiz gerekiyor. Test amacıyla geçici bir yerel web sunucusu oluşturmanın birkaç yolu vardır. İşte bazı seçenekler, sizin için en uygun olanı seçin:
NOT – Üretim ortamlarında HTTPS kullanmanız kesinlikle önerilir. HTTPS, SEO dahil güvenliğin ötesinde birçok avantaja sahiptir. Google Web Yöneticisi blog gönderisinden bu konu hakkında daha fazla bilgi edinebilirsiniz.
Yerel web sunucunuzu kurduktan sonra, tarayıcınız ile bu URL'den örnek makaleye erişin:
http://localhost:8000/article.amp.html