نکاتی درباره فایل Manifest
با اجرا مرحله نخستین، سنگ بنای PWA برای وب سایت شما مبنا ریزی گردیده است. دوره آموزش سئو ولی پیش از آن که به سراغ مرحله آینده برویم، بیایید پاره ای با کدهایی که در پوشه manifest وارد کردیم، بیشتر آشنا شویم. همانگونه که در کدهای زمانبر بالا مشاهده میکنید، داده ها متنوعی دراین فولدر وارداتی میباشد. این داده ها بدین ترتیب می باشند:
Name: اسم بدون نقص این اینترنت اَپ یا این که به عبارتی PWA
short_name: اسم کوتاهی که قرار میباشد تحت عنوان اسم این نرمافزار در برگه اساسی اکران داده گردد.
description: یک یا این که دو گزاره که توضیحاتی درباره این نرمافزار میدهد.
icons: کلیه داده ها درباره آیکون ها؛ دربرگیرنده: ایمیل منبع، سایزها، گونه های و … . اعتنا فرمائید که دراین نصیب عالی میباشد یکسری آیکون را درین بخش تعریفوتمجید فرمایید. با این فعالیت از میان آیکون های جان دار، شایسته ترین اندازه برای دستگاه استفاده کننده استعمال می گردد.
start_url: اشاره داراست به پوشه index که هنگام فعالسازی این اپلیکیشن ایفا میگردد.
display: طریق اکران اپلیکیشن که میتواند fullscreen، standalone، minimal-ui یا این که browser باشد.
theme_color: رنگی اساسی رابط کاربری.
background_color: رنگی که تحت عنوان بک گراند نرم افزار به کارگیری میشود.
نکته: دستکم اطلاعاتی که پوشه Manifest به آنان نیاز دارااست، یک اسم و آیکون میباشد. این آیکون نیز بایستی دستکم دربرگیرنده منبع، سایز و نوع باشد. به این ترتیب باقی اطلاعاتی که دراین فولدر نوشته ایم، کلیه از روی اراده می باشند.
مرحله سوم: ساخت یک Service worker
در مرحله آتی بایستی Service Worker برای تارنما بسازیم. ولی خدمت ورکر چیست؟ این یک فولدر اسکریپتی میباشد که در دورنما به وسیله مرورگر اعمال میشود و به طور غیروابسته و بی واسطه به فولدر های مهم وبسایت دسترسی ندارد؛ بلکه به وسیله “PostMesغیر مجاز می باشدe” با وبسایت تعامل می نماید. غرض خدمت ورکر این میباشد که قابلیت و امکان های اضافه تری را به وب سایت بیفزاید. امکان هایی مانند:
ارائه برخی کاربردها در شرایط آفلاین
کش کردن بعضا از فولدر ها
امکان Push notification (اکران اعلان های اینترنت)
در واقع ما میخواهیم به یاری یک خدمت ورکر، امکان های بیشتری را برای این PWA تارنما خویش مهیا نمایید. هم اکنون چطور میتوانیم یک خدمت ورکر برای وبسایت بسازیم؟ به یاری کدهای ذیل:
درحال حاضر می بایست این خدمت ورکر را برای فرآیند یا این که رویدادهای گوناگون PWA فعال کنیم. این حوادث عبارت اند از:
Install (نصب)
Activate (فعالسازی)
Fetch (واکشی)
میتوانید این کدها را به هرکدام از صفحاتی که مد لحاظ دارید (مثل ورقه اساسی، کاغذ درباره ما و …) اضافه فرمایید. درپی روش فعال کردن PWA برای هر مورد از این حادثه ها را مرور میکنیم.
برچسب: دوره آموزش سئو،