با جاری ساختن مرحله نخستین، سنگ بنای PWA برای تارنما شما محور ریزی شدهاست. البته پیش از آن که به سراغ مرحله آینده برویم، بیایید پاره ای با کدهایی که در فولدر manifest وارد کردیم، بیشتر آشنا شویم. آموزش لینک سازی خارجی همانگونه که در کدهای وقتگیر بالا مشاهده میکنید، داده ها متنوعی درین پوشه وارداتی میباشد. این داده ها بدین ترتیب میباشند:
Name: اسم بدون نقص این اینترنت اَپ یا این که به عبارتی PWA
short_name: اسم کوتاهی که قرار میباشد تحت عنوان اسم این نرم افزار در کاغذ مهم اکران داده گردد.
description: یک یا این که دو گزاره که توضیحاتی درباره این اپلیکیشن میدهد.
icons: تمامی داده ها درباره آیکون ها؛ دربرگیرنده: پست الکترونیک منبع، سایزها، آکادمی رایا پارس گونه های و … . اعتنا نمائید که دراین بخش عالی میباشد یک سری آیکون را درین نصیب تعریفوتمجید نمائید. what is seo با این شغل از در میان آیکون های مو جود، شایسته ترین اندازه برای دستگاه مخاطب به کارگیری میگردد.
start_url: اشاره داراست به فولدر index که هنگام فعالسازی این نرم افزار انجام میگردد.
display: روش اکران اپلیکیشن که میتواند fullscreen، standalone، minimal-ui یا این که browser باشد.
theme_color: رنگی اساسی رابط کاربری.
background_color: رنگی که تحت عنوان بک گراند اپلیکیشن به کار گیری میگردد.
نکته: دستکم اطلاعاتی که فولدر Manifest به آنها نیاز دارااست، یک اسم و آیکون میباشد. این آیکون نیز بایستی دستکم دربرگیرنده منبع، سایز و نوع باشد. بدین ترتیب باقی اطلاعاتی که دراین فولدر نوشته ایم، کلیه از روی میل میباشند.
مرحله سوم: ساخت و ساز یک Service worker
در مرحله آتی می بایست Service Worker برای تارنما بسازیم. ولی خدمت ورکر چیست؟ این یک فولدر اسکریپتی میباشد که در دور نما بوسیله مرورگر اعمال میگردد و به طور غیر وابسته و بدون واسطه به پوشه های اساسی تارنما دسترسی ندارد؛ بلکه بوسیله “PostMessage” با وبسایت تعامل می نماید. غرض خدمت ورکر این میباشد که امکان های اضافه تری را به وبسایت بیفزاید. قابلیت و امکان هایی مانند:
ارائه برخی کاربردها در وضعیت آفلاین
کش کردن برخی از پوشه ها
امکان Push notification (اکران اعلان های اینترنت)
در واقع ما میخواهیم به امداد یک خدمت ورکر، امکان های بیشتری را برای این PWA وبسایت خویش مهیا نمایید. اکنون چطور میتوانیم یک خدمت ورکر برای وبسایت بسازیم؟ به امداد کدهای تحت:
اکنون می بایست این خدمت ورکر را برای فرآیند یا این که رویدادهای متفاوت PWA فعال کنیم. این حوادث عبارت اند از:
Install (نصب)
Activate (فعالسازی)
Fetch (واکشی)
میتوانید این کدها را به هریک از صفحاتی که مد حیث دارید (مثل شیت مهم، کاغذ درباره ما و …) اضافه نمایید. درپی طرز فعال کردن PWA برای هرکدام از این حوادث را مرور میکنیم.
دقت: ما در اینجا این کدها را به طور مستقل در 3 قسمت آورده ایم تا با کاربرد آنها بیشتر آشنا شویم. البته شما میتوانید تمامی این 3 نصیب کد را به طور پی درپی به پوشه index.html و در انتهای کدهای نصیب اضافه فرمائید. در واقع هنگامی این 3 قسمت کد را بدین بخش فولدر خویش اضافه فرمائید، فولدر خدمت ورکر برای پروسه متفاوت فعال میگردد.
1. Install
برای فعال کردن این مرحله می بایست کد نام نویسی را به جاوااسکریپت اضافه کنیم، درخواست فولدر جاوااسکریپت خدمت ورکر را اضافه کنیم و این اتفاق افتاد را فراخوانی کنیم. به این ترتیب کدهای این روی داد بنابراین خواهند بود:
2.Activat
پس از این که روی داد نصب با توفیق صورت پذیرد، وهله به اتفاق افتاد فعالسازی میرسد. کدهای این اتفاق افتاد نیز به صورت تحت می باشند.
3. Fetch
با فعال کردن این اتفاق افتاد، میتوانید درخواست های کانال را پیش از بارگیری کاغذ، ضبط نمایید. بنابراین صفحه های آفلاین را به وجود میآوریم که میتوانند در موقعیت آفلاین نیز جاری ساختن شوند. به عبارت دیگر زمانی وب سایت آنلاین میباشد، اتفاق افتاد واکشی محتوای وب سایت را در cache ذخیره می نماید. بعد هر فرصت که تارنما آفلاین باشد، این محتواها را از به عبارتی Cache گشوده می گرداند و به استفاده کننده اکران میدهد.
کدهای این اتفاق افتاد نیز به ترتیب تحت میباشند:
اکنون در صورتیکه این 3 خصوصی کد را به نصیب Body فولدر index.html اضافه نمائید، فعالیت آحاد میباشد و PWA برای تارنما شما فعال میگردد!
آموزش لینک سازی خارجی...
ما را در سایت آموزش لینک سازی خارجی دنبال می کنید
برچسب : آموزش لینک سازی خارجی, نویسنده : mohammadsrc externallinkbuildingtraining بازدید : 122 تاريخ : شنبه 19 شهريور 1401 ساعت: 14:36