» وب اپليکيشن يا pwa چيست؟

نتیجه تصویری برای pwa چیست ؟

مطلب مرتبط نحوه پین کردن پست ها در اینستاگرام

وب اپليکيشن يا Progressive Web App که به اختصار آن را با pwa می‌شناسیم این امکان را در اختیار قرار می‌دهد که بدون نیاز به طراحی برنامه برای نسخه اندروید یا ios بتوان درست به نوعی از حالت رسپانسیو شده سایت استفاده کرد. اگر در برخی سایت‌ها مثل نسخه موبایل توییتر با مرورگر گوگل کروم به آدرس https://mobile.twitter.com مراجعه کنید بعد از ورود درخواستی را مبنی بر اضافه کردن سایت به صفحه اصلی به شما نمایش خواهد داد. حال هر زمان که نیاز به مراجعه به توییتر داشته باشید، کافی است در گوشی خود روی آیکونی که درست مثل برنامه‌ای جدا به صفحه اصلی اضافه شده کلیک کرده و از طریق مرورگر وارد توییتر شوید. به این نوع برنامه‌ها وب اپلیکیشن یا pwa می‌گویند.

ما در این مقاله قصد داریم به معرفی وب اپلیکیشن یا همان pwa پرداخته و با ویژگی‌ها و ساختارهای آن آشنا شویم. سپس به بررسی نحوه استفاده از آن بپردازیم و ببینیم که استفاده از آنها تا چه حدی می‌تواند مناسب باشد.

وب اپليکيشن يا pwa چيست؟ چگونه از آنها استفاده کنيم؟

همانطور که اشاره کردیم وب اپلیکیشن پیش رونده یا Progressive Web App در واقع یک نرم افزار تحت وب است که یک وبسایت را در قالب یک اپلیکیشن در تلفن‌های هوشمند به نمایش در می‌آورد. این فناوری که در سال 2015 توسط گوگل معرفی شد، به علت آسودگی نسبی توسعه و در اختیار قرار دادن تجربه کاربری آنی برای کاربران توجهات زیادی را به خود جلب کرده است. در واقع نرم افزار‌های پیش رونده تلاش می‌کنند تا کاربرد یک نرم افزار بومی را ارائه دهند با این تفاوت که در قالب یک مرورگر یک وبسایت را به نمایش خواهند گذاشت.

هنگام استفاده از این نوع برنامه‌ها شما به سایت مورد نظر از طریق مرورگر هدایت می‌شوید. در نتیجه نیازی به اشغال فضای حافظه گوشی و رم خود برای نصب برنامه ندارید. کا به سادگی انجام گرفته و در یک نسخه بسیار کم حجم می‌توانید به محتوای دلخواه دسترسی داشته باشید. با مراجعه به هر سایتی که از این قابلیت پشتیبانی کند، از شما پرسیده می‌شود که آیا می‌خواهید سایت را به صفحه اصلی خود اضافه کنید یا خیر؟ که در صورت پذیرفتن آیکون سایت مورد نظر درست مانند سایر برنامه‌ها به گوشی اضافه می‌شود.

شما با یک میانبر روبه‌رو هستید که نیازی به حفظ کردن آدرس سایت‌ها نداشته و به راحتی می‌توانید در سایت‌هایی که زیادی با آن‌ها سر و کار دارید به گشت و گذار بپردازید.

وب اپلیکیشن‌ها چه ویژگی‌ایی دارند؟

به دلیل اینکه این نوع اپلیکیشن روی گوشی‌های اندروید و ios قابل استفاده است و گذشته از این ما با نمایشگرهایی در سایزهای مختلف مواجه هستیم باید ویژگی‌های زیر در تهیه این نوع اپلیکیشن‌ها رعایت شده باشد.

قابلیت جستجو: از آنجایی که وب اپلیکیشن‌های پیش رونده در واقع یک وب‌سایت محسوب می‌شوند، از طریق موتورهای جستجو قابل یافتن هستند. این خصوصیت، یک برتری قابل توجه آن‌ها بر اپلیکیشن‌های بومی است.
پیش رونده: یک وب اپلیکیشن پیش رونده همانطور که از نامش مشخص است باید تعامل مناسبی با انواع مرورگر و سیستم عامل داشته باشد. فارغ از نوع مرورگر و نوع دستگاه، برای تمام کاربران قابل استفاده است و در سایز نمایشگرهای مختلف نیز با مشکلات طراحی روبه‌رو نخواهد بود.
درگیر کردن کاربر: احتمال آنکه کاربران اپلیکیشن‌های موبایل مجددا از اپلیکیشن‌های خود استفاده کنند بیشتر از احتمال مراجعه‌ی مجدد به یک‌ وب‌سایت است. وب اپلیکیشن‌های پیش رونده با استفاده از ویژگی‌هایی نظیر اعلان‌های سمت سرور (Push Notification)، این ضعف را جبران کرده‌اند.

قابلیت نصب روی هر نوع گوشی، تبلت و دسکتاپ: امروزه وب اپلیکیشن ها پای خود را به تمامی سیستم عامل‌ها باز کرده‌اند. وقتی وارد سایت‌هایی مثل اینستاگرام، توییتر و… می‌شوید بسته به سیستم عامل و مرورگری که وارد شده اید درخواستی برای اضافه کردن برنامه به صفحه اصلی ارسال خواهد شد. پس هر وب اپلیکیشن باید طوری باشد که با تمامی سیستم عامل‌ها و مرورگر های موجود سازگاری لازم را داشته باشد.

قابلیت اشتراک: اپلیکیشن‌های پیش رونده باید برای هر بخشی از اپلیکیشن خود دارای یک URL یکتا باشند. یعنی وقتی شما وارد یکی از صفحات نوشته یا محصول از طریق وب اپلیکیشن می‌شوید هنگام استفاده از دکمه اشتراک گذاری و… باید امکان استفاده صحیح از آنها وجود داشته باشد. همچنین در برخی موارد طوری عمل می‌کنند که هنگام اشتراک از طریق سایر برنامه‌ها می‌توانید محتوا را از طریق وب اپلیکیشن هم به اشتراک بگذارید.
ظاهر اپلیکیشن‌وار: یک اپلیکیشن پیش رونده شباهت بی‌بدیلی به اپلیکیشن‌های بومی دارد، از رابط کاربری مشابه آن‌ها استفاده می‌کند و مسیریابی در آن‌ها تفاوتی با اپلیکیشن‌های معمولی ندارد. خصیصه‌ی دیگر ریسپانسیو بودن آن‌ها است. این اپلیکیشن‌ها مهم نیست که روی چه پلتفرمی با چه سایز صفحه نمایشی اجرا می‌شوند؛ لپ‌تاپ، گوشی‌های هوشمند یا تبلت‌ها، موضوع مهم این است که نرم افزار پیش رونده باید با همه‌ی پلتفرم‌ها با هر اندازه‌ی تصویری که دارند سازگار باشد و المان ها در تمامی بخش در اندازه استاندارد قابل مشاهده باشد.
ایمن بودن آنها: یکی از الزامات استفاده از این نوع برنامه‌ها پیاده سازی روی بستر SSL و در دسترس بودن از طریق پروتکل امن HTTPS می‌باشد. بنابراین داده‌های رد و بدل شده بین کاربران از امنیت بالا برخوردار است.
پشتیبانی از دسترسی سیستمی و همه‌کاره بودن: در وب اپلیکیشن شما درست مانند یک نسخه برنامه روبه‌رو هستید با این تفاوت که در واقع یک میانبر از سایت مورد نظر برای شما تهیه شده است. پس باید دسترسی به فایل‌های گوشی و… برای استفاده از تمامی امکانات مشابه نسخه نرم افزاری در آنها فراهم باشد.
به‌روزرسانی و آپدیت: از آنجایی که این نوع برنامه‌ها از سایت تاثیر می‌گیرند و ممکن است که بخش‌های مختلفی به سایت اضافه شده و تغییرات مختلفی در آن صورت گیرد، باید مدام آپدیت شوند تا درست همگام با نسخه سایت امکانات مورد نیاز را داشته باشند.
استفاده به صورت آفلاین: برخی از این وب اپلیکیشن‌ها طوری هستند که در صورت داشتن ضعف در اتصال اینترنتی یا حتی در حالت آفلاین هم کار می‌کنند. اگر دقت کرده باشید دو شبکه اجتماعی فیسبوک و توییتر دارای یک نسخه lite هستند که حجمی کمتر از 1 مگابایت دارد، البته به صورت وب اپلیکیشن نیستند، اما بر پایه همین نوع ساختار ایجاد شده‌اند که در کندترین اتصال اینترنتی هم قابل استفاده هستند.

چرا باید از وب اپلیکیشن استفاده کنیم؟

طبق یک تحقیق صورت گرفته در سال‌های گذشته، گفته می‌شود که کاربرانی که از گوشی موبایل استفاده می‌کنند 80 درصد از زمان خود را صرف استفاده از حداقل سه نوع برنامه می‌کنند. این نوع برنامه‌ها می‌توانند شامل برنامه‌های پیام‌رسان، شبکه‌های اجتماعی و مرورگر اینترنت باشند. در این صورت استفاده از سایر برنامه‌ها به ندرت صورت گرفته و زمان کمتری را صرف آنها می‌کنند. گذشته از این، سایر برنامه ها هم صرفا حافظه گوشی را اشغال کرده و بخشی از رم را به خود اختصاص خواهند داد.

جدایی از این مسئله، هزینه‌ای که برای ساخت برنامه جدا باید پرداخت کنید در مقایسه با pwa ها به بیش از 10 درصد هم می‌رسد. که اگر از دیتابیس جدا برای این برنامه استفاده شده باشد هزینه‌ها بیشتر و بیشتر هم خواهند شد. حال به نظر شما کدام بهتر است؟ اپلیکیشن بومی یا pwa ها؟

گذشته از این مسائل گفته شده، کاربران برای استفاده از برنامه‌های بومی باید در فروشگاه‌ها اقدام به جستجو کرده، برنامه را روی گوشی خود نصب کنند و در صورت ارائه قابلیت‌های جدید منتظر انتشار نسخه جدید باشند. برخی هم هستند که کلا از قافله عقب بوده و بروزرسانی‌ها را بعد از چند ماه انجام می‌دهند یا اصلا اطلاعی از ارائه نسخه جدید ندارند. همگی این موارد گاها باعث می‌شود تا خیلی‌ها از خیر نصب کردن برنامه بر روی گوشی خود هم بگذرند. پس با همه این تفاسیر بهتر است که از pwa ها استفاده کنیم.

کدام سرویس‌های مشهور از وب اپلیکیشن استفاده می‌کنند؟

از آنجایی که کار با نرم افزار‌های پیش رونده بسیار ساده است برخی از سرویس‌های مشهور و محبوب از آن استفاده می‌کنند. از این بین یکی از قدیمی‌ترین سرویس‌ها توییتر است که می‌توانید برای دسترسی به آن با رفتن به آدرس mobile.twitter.com به آن دسترسی داشته باشید. دسترسی به توییتر از طریق وب اپلیکیشن درست مثل خود برنامه توییتر است و به همه امکاناتی که برای توییت کردن نیاز دارید دسترسی خواهید داشت.

از دیگر موارد می توان به برنامه‌هایی مثل اوبر، پینترست، لیفت و … اشاره کرد. برای اینکه به لیست کاملی از pwa ها دسترسی داشته باشید می‌توانید به وبسایت https://appsco.pe/search مراجعه کرده و با سایت های مختلفی آشنا شوید. آن را روی گوشی خود اجرا کرده و ببینید که چه ویژگی و امکاناتی دارند.

از نمونه‌های فارسی این موارد میتوان به وب سایت‌هایی مثل دیجی کالا، اسنپ و تپسی اشاره کرد که تاکسی‌های اینترنتی در پی حذف شدن برنامه‌هایشان از اپل استور امکان استفاده از آنها را در قالب pwa فراهم کردند.

مرورگرهایی که از pwa پشتیبانی می کنند

در حال حاضر مرورگرهایی که از pwa پشتیبانی می کنند شامل گزینه‌های زیر هستند:

مرورگر‌های دسکتاپ: کروم، فایرفاکس، اپرا، QQ Browser و 360 Browser
مرورگر‌های دسکتاپ: سافاری، مایکروسافت اج
مرورگر‌های موبایل: کروم، فایرفاکس، شیائومی، UC Browser، بایدو، وی چت، Sogou، مرورگر 360 Browser و Quark
مرورگر‌های موبایل: سامسونگ، QQ Browser
مرورگر‌های موبایل: Cheetah

دلیل اینکه برخی از موارد به صورت جداگانه ذکر شده این است که مورد مشترک اول به صورت کامل سازگاری داشته و بدون نقص کار می‌کند اما در مورد دوم با مشکلاتی مواجه هستید که هنوز به طور کامل برطرف نشده است.

ویژگی‌های وب اپلیکیشن pwa

انتظار می‌رود که در آینده تحول بزرگی در این نوع برنامه‌ها ایجاد شده و با ساختاری استاندارد از آنها روبه‌رو شویم. در نتیجه بسیاری از برنامه‌ها دیگری احتیاجی به ارائه نسخه بومی و نصب شده روی گوشی ندارند. در زیر برخی ویژگی‌هایی که با برنامه بومی به صورت یکسان است را بررسی می‌کنیم.

ساخته شده بر اساس معماری پوسته اپلیکیشن

اگر دقت کنید ساختار و ظاهر این برنامه‌ها درست مانند برنامه موبایل است و اگر آیکون برنامه که به گوشی اضافه شده است را به شخصی نشان دهید تا زمانی که روی آن کلیک نکرده و در مرورگر آن را باز نکند، فکر می‌کند که یک برنامه بومی است. برای اینکه این سنت حفظ شود برنامه‌ها طوری ساخته می‌شوند که از معماری پوسته برخوردارند.

یعنی پوسته به صورت کش شده در مرورگر ذخیره شده و این تنها داده‌های پویا هستند که در هر بار تغییر می‌کنند. در این صورت سرعت اتصال اینترنت زیادی هم برای اجرای آنها و دریافت اطلاعات جدید نیاز نخواهد بود تا از ابتدا همه چیز لود شود. هر چیز استاتیک که تا مدتها تغییر نمی‌کند به صورت کش شده در دسترس است.

سرویس ورکرها

اپلیکیشن‌های بومی موبایل به دلیل اینکه روی حافظه نصب شده و اگر به صورت سریع آپدیت شوند به خوبی پاسخگوی نیاز خواهند بود. اما در طرف مقابل، وب اپلیکشن‌ها هنوز از مشکلاتی نظیر فقدان قابلیت اجرای کامپایل در کنار وابستگی به اتصال اینترنت رنج می‌برند.

سرویس ورکرها قصد دارند ویژگی‌های مثبت این دو گروه از اپلیکیشن‌ها را با یکدیگر ادغام کنند و در قالب وب اپلیکیشن‌های پیش رونده ارائه دهند. یعنی کاری که ورکرها انجام می‌دهند به این صورت است که بدون نیاز به اجرای برنامه مرورگر برای دسترسی به pwa برخی موارد مثل پوش نوتیفیکیشن و… را در همان پس زمینه اجرا کرده و این مشکلات را از بین خواهد برد.

چطور وب اپلیکیشن بسازیم؟

برای ساخت این نوع برنامه نیاز به کدنویسی به زبان‌های جاوا و… است. البته برای راحتی کار این امکان در فریم ورک هایی نظیر آنگولار فراهم شده تا در زمانی کوتاه تر هم بتوانید آن را ایجاد کنید. بنابراین در حال حاضر سرویس آماده خیلی پیشرفته‌ای برای اینکه بتوانید بدون نیاز به دانش کدنویسی آن را ایجاد کنید وجود ندارد.

اما می‌توان انتظار ان را در آینده‌ای نزدیک که استفاده از این نوع برنامه‌ها افزایش می‌یابد را انتظار داشت.

تگ ها : وب اپليکيشن يا pwa چيست؟ ویژگی های وب اپلیکیشن

۰ نظر / ۳۸۸ بازدید