AMP

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