الإعداد
المتطلبات الأساسية
قبل بدء هذا البرنامج التعليمي، ستحتاج إلى ما يلي:
- معرفة أساسية بـ HTML وCSS وJavaScript
- فهم أساسي لمفاهيم AMP الأساسية (راجع البرنامج التعليمي "تحويل HTML إلى AMP")
- متصفح من اختيارك يمكنه فحص وحدة تحكم JavaScript
- محرر نصوص من اختيارك
إعداد بيئة التطوير لديك
الخطوة 1. تنزيل الرمز
قم بتنزيل مثال الرمز للبرنامج التعليمي سواء كـ ملف ZIP أو عن طريق:
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
قم بفك ضغط ملف الأرشيف (إذا لزم الأمر) وانتقل إلى دليل المشروع عن طريق سطر الأوامر على الكمبيوتر الخاص بك:
cd accelerated-mobile-pages-advanced
يحتوي دليل المشروع على العديد من ملفات الموارد وصفحة article.amp.html للبدء.
الخطوة 2. قم بتشغيل صفحة المثال
لاختبار صفحة AMP المثال، نحتاج إلى الوصول إلى الملفات من خادم ويب. ثمة عدة طرق لإنشاء خادم ويب محلي مؤقت لأغراض الاختبار. فيما يلي بعض الخيارات، اختر الأنسب بالنسبة لك:
ملاحظة – نوصي بشدة استخدام HTTPS في بيئات الإنتاج. يتضمن HTTPS العديد من الفوائد التي تتجاوز الأمان يشمل ذلك SEO. يمكنك قراءة المزيد حول هذا الموضوع في منشورة مدونة Google Webmaster الحالي.
بعد إعداد خادم الويب المحلي الخاص بك، قم بالوصول إلى مثال مقال في المتصفح الخاص بك في عنوان URL هذا:
http://localhost:8000/article.amp.html