PWA للدمى: تمت الإجابة على 10 أسئلة Wh في 5 دقائق

تطبيقات الويب التقدمية (PWAs) هي الشيء الكبير التالي في تطوير الويب والتطبيقات. إنها سريعة الاستجابة وآمنة - مثالية للمستخدمين الذين يعتمدون على الأجهزة المحمولة للعمل أو الترفيه. إذا كنت مهتمًا بمعرفة ماهية PWA ولماذا يجب أن تفكر في استخدامها ، فهذه المقالة مناسبة لك. في غضون 5 دقائق فقط ، سنشرح أساسيات PWA للدمى ونوضح لك كيفية بناء واحدة من الصفر. لذا سواء كنت مطورًا أو تريد فقط فهم الاتجاه ، تابع القراءة!

1. ما هو تطبيق الويب التقدمي؟

تعريفات بسيطة لـ PWA للدمى:

يجمع تطبيق الويب التقدمي (PWA) بين الأفضل مع معالجة قيود كل من مواقع الويب العادية والتطبيقات المحلية. على سبيل المثال ، يمكن أن يكون لها مدى وصول واسع مثلما تفعل مواقع الويب وتتصرف أيضًا وتبدو مثل التطبيقات على الأجهزة المحمولة.

في الواقع ، إنه نوع من تطبيقات الويب ولكنه أكثر خصوصية - "تقدمي" ، يجمع بين كل من تقنيات الويب وبعض التقنيات الحديثة لتقليد تجارب التطبيقات.

يمكن لـ PWAs القيام بمعظم الأشياء التي يمكن للتطبيقات الأصلية القيام بها ، مثل عرض رمز / اختصار على الشاشة الرئيسية للجوال ، وإرسال إشعارات الدفع ، وعرض ملء الشاشة بدون شريط عنوان موقع الويب ، والتحميل بسرعة هائلة ، والتفاعل بسلاسة ، والوصول إلى وضع عدم الاتصال.

2. ما الذي يجعل PWA؟

تقنيات PWA الأساسية للدمى:

• تقنيات الويب الشائعة: نظرًا لأن PWA هو نوع من برامج التطبيقات التي يتم تقديمها عبر الويب ، فقد تم بناؤه على أساس تقنيات الويب المألوفة مثل HTML و CSS و JavaScript و WebAssembly.
• غلاف التطبيق: يلعب غلاف التطبيق دور تحميل الحد الأدنى من واجهة المستخدم على الفور ويخزنها مؤقتًا للاستخدام المستقبلي قبل تحميل محتويات التطبيق بالكامل. لذلك ، في المرة التالية التي يزور فيها المستخدم PWA من أجهزته ، سيتم تحميل واجهة المستخدم مرة واحدة من ذاكرة التخزين المؤقت بينما سيتم طلب المحتوى الجديد الذي لم يتم تخزينه مؤقتًا من الخادم.
• العاملون في الخدمة: عند عدم توفر الشبكة ، يعمل عمال الخدمة كخوادم وكيلة تقع بين تطبيقات الويب والمتصفحات والشبكة. إنهم يعترضون طلبات الشبكة ، ويتخذون الإجراءات المناسبة بناءً على ما إذا كانت الشبكة متاحة ، ويقومون بتحديث أصول الخادم ، من بين أشياء أخرى. سيوفرون أيضًا إمكانية الوصول إلى دفع الإخطارات ومزامنات الخلفية.
• بيانات تطبيقات الويب: يتألف بيان تطبيق الويب من ملف نصي JSON يصف PWA (الاسم ، والمؤلف ، والرموز ، والإصدار ، وما إلى ذلك) ويسمح بتثبيته واستخدامه كما لو كان تطبيقًا أصليًا (على سبيل المثال ، يتم وضعه على الشاشة الرئيسية للجهاز ويوفر تجربة مستخدم أكثر ثراءً).

القدرات المطلوبة:

يجب أن تلتزم سلطة المياه الفلسطينية بمعايير أساسية معينة يجب الاعتراف بها ، بما في ذلك:

• قابل للاكتشاف: لا يزال من الممكن فهرسة جميع مواقع PWA والعثور عليها بواسطة محركات البحث.
• قابل للتثبيت: يمكن تثبيت PWAs بسهولة وإتاحتها على الشاشة الرئيسية للهاتف المحمول للمستخدمين.
• قابل للربط: يمكننا مشاركة صفحات PWA مع عناوين URL معينة مثل مواقع الويب العادية.
• شبكة مستقلة: PWAs قادرة على العمل دون اتصال بالإنترنت بسبب تقنيات التخزين المؤقت الحديثة.
• قابل للتفاعل: يمكن لـ PWAs إرسال إشعارات الدفع غير المحدودة لمستخدميهم مثل التطبيقات المحلية.
• استجابة كاملة: يمكن لـ PWAs التكيف مع مختلف أحجام شاشات الهاتف المحمول والمتصفحات.
• آمن: يجب أن يكون لدى جميع PWAs شهادة SSL مرتبطة.

3. لماذا يجب أن نهتم بـ PWAs؟

ليس هناك شك في أن الأجهزة المحمولة تزداد شعبية - في عام 2022 ، كان هناك أكثر من 2.5 مليار مستخدم نشط لنظام Android ، وأكثر من 1.2 مليار مستخدم نشط لنظام iOS! ومع ذلك ، على الرغم من شعبيتها ، فإن مواقع الويب والتطبيقات التقليدية لها عدد من القيود. على سبيل المثال ، لا يمكن دائمًا الوصول إلى مواقع الويب بسهولة ولطف على الهواتف أو الأجهزة اللوحية ، في حين لا يمكن العثور على التطبيقات وتنزيلها إلا من متجر التطبيقات وغالبًا ما تستهلك مساحة التخزين.

تعمل PWA (تطبيقات الويب التقدمية) على حل هذه المشكلات من خلال الجمع بين أفضل ميزات مواقع الويب والتطبيقات. مثل مواقع الويب التقليدية ، يمكن الوصول إلى PWA على أي جهاز باستخدام متصفح - ولكن على عكس مواقع الويب التقليدية ، فهي أيضًا قادرة على الاستجابة لتفاعلات المستخدم في الوقت الفعلي. هذا يعني أنهم قادرون على تقديم تجربة مثالية بغض النظر عن الجهاز الذي يستخدمه المستخدم. بالإضافة إلى ذلك ، يمكن أيضًا تثبيت PWA على الهواتف والأجهزة اللوحية مثل التطبيقات العادية - لذلك لا تحتاج إلى التضحية بتجربة المستخدم من أجل قابلية النقل.

باختصار ، PWAs هي المستقبل - فهي تجمع بين أفضل الميزات لكل من مواقع الويب والتطبيقات في حزمة واحدة أنيقة! فلماذا لا تبحث في دليل PWA للدمى وتبدأ في استخدامها اليوم؟

4. لماذا يجب أن نختار PWAs على التطبيقات الأصلية؟

هناك بعض الأسباب الرئيسية التي تجعلك تختار PWAs على التطبيقات الأصلية.

بادئ ذي بدء ، تعد PWAs متعددة الأنظمة الأساسية ، مما يعني أنه يمكن استخدامها على أي نظام تشغيل (Android / iOS). وهذا يجعلها أكثر مرونة من التطبيقات الأصلية حيث يمكن تثبيت كل تطبيق من التطبيقات الأصلية على نظام أساسي واحد فقط. ونتيجة لذلك ، تستغرق تطبيقات الويب العامة (PWA) وقتًا وتكلفة أقل لتطويرها وصيانتها مقارنة بتطبيقات الأجهزة المحمولة العادية.

مقارنة بالخيارات الأصلية ، تعد تطبيقات الويب التقدمية (PWA) أسهل وأسرع في التثبيت والتحديث ببضع نقرات فقط - دون الوصول إلى أي متجر لتوزيع التطبيقات.

بصرف النظر عن ذلك ، تعد PWAs خيارًا أكبر للمستخدمين لأنها تشغل مساحة أقل بكثير على هواتفهم ويمكن فهرستها بسهولة بواسطة Google. هذا يعني أنه يمكن العثور على PWAs الخاصة بك بسهولة أكبر من قبل المستخدمين ولا يتعين على المالكين دفع رسوم لتقديم متجر التطبيقات أو التسويق.

5. ما الذي يمكن أن تفعله PWA لنا؟

للمستخدمين النهائيين

يفيد PWA المستخدمين بعدة طرق ، مما يجعل تجربة تصفحهم أسرع وأسهل.

أولاً وقبل كل شيء ، يساعد PWA على تقليل وقت تحميل مواقع الويب. وذلك لأن PWAs تستفيد من تقنيات الويب الحديثة مثل Service Workers لتحميل المحتوى بشكل غير متزامن عند أول استخدام ، بدلاً من انتظار تحميل الصفحة بالكامل قبل أن يتمكن المستخدمون من البدء في استخدامها. هذا يعني أن المستخدمين سيحظون بتجربة أكثر مرونة وسلاسة عند التفاعل مع تطبيق الويب التقدمي الخاص بك - دون تأخير أو تباطؤ.

ثانيًا ، تعد PWAs أسرع في التثبيت من أي تطبيق جوال. يمكن إضافتها إلى الشاشات الرئيسية للجوّال للمستخدمين ببضع نقرات فقط ، مما يسهل الوصول إليها واستخدامها. بالإضافة إلى ذلك ، يسهل الوصول إليها مقارنة بالمواقع التقليدية نظرًا لأننا لا نحتاج إلى فتح متصفحات الويب.

نتيجة لذلك ، تحقق PWAs معدل مشاركة أفضل من مواقع الويب العادية نظرًا لأوقات التحميل السريعة وسهولة التنقل. من المرجح أن يظل المستخدمون على PWA لفترات أطول من الوقت ، مما يؤدي إلى ارتفاع معدلات التحويل للشركات. بالإضافة إلى ذلك ، يسهل تحديث PWAs أيضًا ، مما يعني أن مالكي مواقع PWA يمكنهم الحفاظ على تجربة تصفح مستخدميهم محدثة ومتوافقة مع المعايير الحالية.

علاوة على ذلك ، يمكن أن يكون PWA مستقلاً عن اتصال الشبكة لصفحاته المخبأة / التي تمت زيارتها. هذا يعني أنه يمكن استخدامها حتى في حالة عدم توفر اتصال لاسلكي أو خلوي ، وهو أمر مفيد في المناطق ذات الاتصال الضعيف.

لأصحاب مواقع PWA

تتمتع تطبيقات الويب التقدمية بالكثير من الفوائد لأصحابها / الشركات.

كما ذكرنا سابقًا ، فهي أسرع بكثير ومتوافقة مع الأجهزة المحمولة من مواقع الويب التقليدية ، مما يعني أنها ستحسن تجربة المستخدم ، وتزيد من وقت المستخدم في الموقع ، وبالتالي تؤدي إلى معدلات تحويل أعلى وعائد استثمار أكبر للشركات.

بالإضافة إلى ذلك ، من السهل تحديث PWAs وصيانتها باستخدام قاعدة بيانات واحدة ، لذلك لن يضطر المالكون للقلق بشأن التحديثات المتكررة التي تعطل وظائف موقعك.

إلى جانب ذلك ، تعد إشعارات PWA طريقة رائعة للشركات لإشراك عملائها دون إنفاق الكثير من المال. على وجه الخصوص ، يمكن للمالكين إرسال إشعارات فورية إلى عملائهم حول آخر التحديثات أو المبيعات ، أو تشغيل حملات ترويجية دون أي تكلفة.

أخيرًا ، غالبًا ما يتم تصميم PWAs مع وضع تحسين محركات البحث في الاعتبار ، لذلك ستحتل مرتبة أعلى في محركات البحث ويمكن العثور عليها بسهولة أكبر من قبل العملاء المحتملين.

6. متى يجب بناء PWA؟

الآن هو الوقت المثالي لبناء PWA - وهناك بعض الأسباب الوجيهة لذلك. أولاً ، تم إنشاء مصطلح "تطبيق الويب التقدمي" بواسطة Google في عام 2015 ، ولكن فكرة وضع تجارب مستخدمي الأجهزة المحمولة في مركز الاهتمام ليست جديدة. لقد تبنت الكثير من الشركات الكبرى بالفعل PWA وبدأت في تغيير طريقة استخدامنا للتطبيقات.

ثانيًا ، أصبحت الأجهزة المحمولة الآن النظام الأساسي الأساسي للوصول إلى الإنترنت ، وستصبح أكثر انتشارًا في المستقبل. أيضًا ، يتوقع المستخدمون بشكل متزايد مستوى عالٍ من تجربة المستخدم عند استخدام تطبيقات الويب - بغض النظر عما إذا كانوا على جهاز سطح المكتب أو جهاز محمول. ويمكن فقط PWAs تلبية هذا التوقع.

إذا كنت قلقًا من أن بعض ميزات PWA لم يتم دعمها بالكامل بواسطة iOS ، فهناك أخبار جيدة. iOS أكثر انفتاحًا على PWAs (على سبيل المثال: يمكن تثبيته باستخدام Safari ، يظهر في قائمة البحث / تعدد المهام / الشاشة الرئيسية ، وما إلى ذلك). يمكنك البدء في بناء PWA الخاص بك اليوم وتأكد من أنه سيتم دعمه بالكامل في المستقبل.

لذلك إذا كنت مترددًا بشأن ما إذا كان يجب عليك بناء PWA أم لا ، فقط ضع في اعتبارك أنه من المحتمل أن يزداد شعبية في السنوات القادمة - لذلك قد يكون كذلك على رادارك الآن!

7. كيف يمكنك بناء PWA؟

تعلم وافعل ذلك بنفسك - إذا كنت مطورًا

لتسهيل عملية تطوير أول PWA للدمى ، يقدم مطورو Google عددًا كبيرًا من الموارد المفيدة. هناك أيضًا العديد من الدورات التدريبية أو البرامج التعليمية عبر الإنترنت حول PWAs التي يمكنك العثور عليها ومتابعتها.

قراءة المزيد: أفضل 10 أفضل تقنيات PWA وأطر تطوير

اعتمد على موفري الحلول - إذا كنت صاحب عمل

إذا كنت صاحب عمل وليس لديك أي خلفية تقنية في تطوير تطبيقات الويب ، فقد تتساءل كيف يمكنك إنشاء PWA الخاص بك. لحسن الحظ ، هناك العديد من شركات تطوير تطبيقات الويب التقدمية الموثوقة والتي يمكن أن تساعدك في إنشاء PWA قوي دون أي مشكلة على الإطلاق. تستخدم هذه الشركات أحدث التقنيات لبناء PWAs فعالة وسريعة الاستجابة سيحبها المستخدمون. سيقدمون أيضًا دعمًا مستمرًا حتى تتمكن من تحديث PWA الخاص بك ومتوافقًا مع المعايير الحالية. تأكد من العثور على شخص لديه المهارات والخبرة التي تحتاجها ، والذي سيكون قادرًا على تلبية متطلباتك المحددة.

تعرف على المزيد حول الصعوبات والحلول عند إنشاء تطبيق ويب تقدمي.

Tigren - مزود حلول PWA الموثوق به

Tigren هي شركة تطوير PWA ذات سمعة طيبة ولديها أكثر من 5 سنوات من الخبرة في تقديم كل من الحلول الجاهزة (سمات وقوالب PWA) والحلول المخصصة لتلبية الاحتياجات المختلفة. لا تشمل نجاحاتنا المؤكدة تطوير تطبيقات الويب التعليمية عالية الجودة فحسب ، بل تشمل أيضًا ضمان رضا عملائنا عن المنتج النهائي. إذا كنت تبحث عن مزود خدمة تطوير PWA موثوق وجدير بالثقة ، فمن المؤكد أن Tigren تستحق الدراسة.

8. ما هي تكلفة بناء PWA؟

لا توجد إجابة واحدة تناسب الجميع على هذا السؤال ، حيث إن المبلغ الذي يكلفه بناء PWA سيختلف اعتمادًا على العوامل التالية:

• نموذج التسعير الذي تختاره: سيحدد هذا المبلغ الذي ستدفعه مقابل حل التطوير. تشمل نماذج التسعير الثلاثة الأكثر شيوعًا التسعير لكل مستخدم وتسعير الاشتراك والتسعير المخصص.
• الشركات المحلية أو الوكالات الخارجية: سيحدد هذا المكان الذي سيتم تطوير مشروعك فيه ومن سيكون مسؤولاً عن إكماله. عادة ما تكون الشركات الخارجية أرخص من الشركات المحلية (في الولايات المتحدة والمملكة المتحدة وأيرلندا وأستراليا ، إلخ) ، ولكن قد يكون لديها حاجز لغوي. يعد تحديد جميع مخاطر وفوائد كل خيار قبل اتخاذ القرار أمرًا بالغ الأهمية.
• تعقيد المشروع: تميل المشاريع الأكثر تعقيدًا إلى أن تكلف أكثر لأنها تتطلب المزيد من الوقت والموارد لإكمالها.
• اختيار حل PWA (جاهز أو مخصص) : سيحدد هذا ما إذا كنت ستحتاج إلى تطوير الحل الخاص بك من البداية أو استخدام حل موجود بالفعل. إذا اخترت الخيار الأخير ، فتأكد من تحديد جميع تفاصيل مشروعك حتى يتمكن حل التطوير المختار من تلبية احتياجاتك بالكامل.
• الإطار الزمني للمشروع: يمكن أن تؤدي قيود الوقت إلى زيادة التكاليف بسبب زيادة الموارد البشرية.

تشير بعض التقديرات العامة إلى أنه يمكن أن يكلف ما بين 3000 دولار و 15000 دولار لبناء PWA مع حلول جاهزة للاستخدام ومن 10000 دولار وما فوق لإنشائها من الصفر.

9. كم من الوقت يستغرق لبناء PWA؟

كلما زاد حجم المشروع (مع متطلبات أكثر تعقيدًا لتصميم ووظائف واجهة PWA) ، كلما استغرق الأمر وقتًا أطول. سيؤثر خيار التطوير الذي تختاره أيضًا على الجدول الزمني - سيؤدي الحل الجاهز مثل TigrenPWA Theme إلى تسريع عملية التطوير. أخيرًا ، تعد مهارات المطورين عاملاً كبيرًا. إذا اخترت فريقًا يتمتع بخبرة واسعة في تطوير PWA ، فسيكون الجدول الزمني أقصر.

10. ما هي الأعمال التي يجب أن تدمج PWA؟

إذا كان عملك يبحث عن حل مثالي لتحسين تجربة المستخدم الخاصة بك ، خاصة فيما يتعلق بتجربة الهاتف المحمول ، فعليك دمج PWA. باستخدام PWA ، يمكنك إنشاء واجهة أكثر سهولة واستجابة مثل أي تطبيق أصلي يكون أكثر ودية وإثارة للمستخدمين لاستخدامه. سيساعدهم ذلك على البقاء لفترة أطول على موقعك ، مما يزيد من احتمالية تحولهم إلى عملاء.

إذا كنت ترغب في تعزيز تصنيفات مُحسّنات محرّكات البحث لموقعك الحالي ، فإن تحويله إلى PWA هو الخطوة الصحيحة. كما تعلم ، تزن محركات البحث بشدة مدى سرعة تحميل الصفحة كأحد عواملها عند تصنيفها ، كما أن PWA سريع للغاية. ومن ثم ، بعد اعتماد PWA ، لن ترى فقط تحسنًا في كيفية تجربة المستخدمين لموقعك ولكن أيضًا في مقدار حركة المرور التي يتلقاها من محركات البحث.

بالإضافة إلى ذلك ، من خلال دمج PWA في موقع الويب الخاص بك ، ستتمكن من مواكبة أحدث الاتجاهات والتقنيات في الصناعة. لذلك ، إذا كانت شركتك تريد أن تتمتع بميزة على منافسيك الذين ربما لم يحدّثوا مواقعهم على الويب بعد ، فانتقل إلى PWA.

الكلمات الأخيرة

لكل سؤال أجبنا عليه حتى الآن في دليل PWA هذا للدمى ، الإجابة واضحة. يمكن لـ PWAs تحسين تجربة المستخدم لموقعك على الويب أو تطبيقك إلى مستوى جديد تمامًا من خلال تقديم أداء أكثر موثوقية وأسرع. ليس هناك شك في أن PWAs ستصبح قريبًا جزءًا أساسيًا من أي موقع ويب أو عملية تطوير تطبيق ، والعديد من الشركات الكبرى مثل Lancome و Alibaba و Starbucks تتبناها أيضًا من أجل عدم تفويت هذه الموجة من التغيير وتقديم أداء أفضل. بالإضافة إلى ذلك ، يحب المستخدمون تطبيقات الويب التقدمية (PWA) لأنهم لا يحتاجون إلى متاجر أو تنزيلات تطبيقات تابعة لجهات خارجية لاستخدامها. نأمل أن تساعد هذه المقالة في توضيح بعض الشكوك في ذهنك وأنك الآن تشعر بأنك مستعد لإنشاء PWA جديد لعملائك أو شركتك.