شنبه ۲۹ اردیبهشت ۰۳

چگونه مي توانيم PWA را روي سايت موجود خود فعال كنيم؟

۵ بازديد

يك خبر عالي! در صورتيكه حصول  و فعاليت آنلايني داريد و مايليد اپليكيشن آموزش سئو كه قابليت و امكان هاي وب سايت خويش را در پوسته يك PWA ارائه دهيد، موردنياز وجود ندارد كه يك سيستم تازه پياده سازي نماييد؛ بلكه ميتوانيد بخش اعظمي از خصوصيت هاي PWA را روي همين وب سايت فعلي خويش فعال نماييد!
در صورتيكه وب سايت وردپرسي داريد، به راحتي با پلاگين نرم افزار پيشرو مي‌توانيد PWA را روي سايتتان فعال نماييد. شما ميتوانيد اين پلاگين را از ژاكت تهيه و تنظيم نمائيد.
ضمن اين، براي فعالسازي PWA روي تارنما ميتوانيد از 3 مرحله كه به دنبال معرفي ميشود، مبادرت فرمائيد.
مرحله نخستين: باور از وجود پروتكل HTTPSهمان طور كه فراتر نيز اشاره كرديم، كل Progressive Web Apps، صرفا يار با پروتكل HTTPS ارائه ميگردند. براين اساس در صورتيكه سايتي كه ميخواهيد PWA را براي آن فعال فرمائيد، اين پروتكل را ندارد و HTTP ميباشد، بايستي سند SSL را براي آن فعال فرمائيد. پس از اين كه نشاني وب سايت متبوع پروتكل HTTPS را اخذ كرد، به مرحله بعد از آن برويد. با روش اخذ مدرك SSL بدون پول براي وبسايت وردپرسي آشنا گرديد.
مرحله دوم: ساخت‌و‌ساز فولدر اولاولي فايلي كه مي بايست براي فعال كردن PWA روي تارنما خويش بسازيد، يك پوشه در فرمت JSON ميباشد. قابل ذكر ميباشد كه به‌اين فولدر، فولدر Manifest نيز مي‌گويند. درين پوشه قرار ميباشد داده ها شالوده اي را درباره وبسايت و درباره اين PWA در اختيار بگذاريم. اطلاعاتي مثل اسم اپ، توضيحات، آيكون، رنگ تم و … . در واقع مرورگر بدين داده ها نياز دارااست تا بتواند اين نرم افزار را به صدق نصب كرده و به يوزرها گوشي اكران دهد.
براي تشكيل داد اين فولدر آغاز كدهايي را در يك فولدر غير وابسته با فرمت JSON مي نويسيم. آنگاه با تكه كد، اين فولدر را در بخش فولدر index.html اضافه مي‌كنيم.
كدهاي پايين مثال كدهايي ميباشند كه مي‌توانند در فولدر JSON قرار بگيرند. قابل ذكر ميباشد كه‌اين پوشه را به عنوان ” .webmanifest” نامگذاري نماييد.

تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در مونوبلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.