Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Service Workers
Webdesign

٥ نصائح أساسية لتطوير خدمة العمال

by
Difficulty:IntermediateLength:ShortLanguages:

Arabic (العربية/عربي) translation by Iwan Subhan (you can also view the original English article)

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

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

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

قبل أن نبدأ

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

١. ضع نص برمجي عامل الخدمة في دليل الجذر

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

والسبب هو أن نطاق عامل الخدمة الخاص بك يتم تحديده بشكل افتراضي حسب موقعه. ماذا يعني ذالك؟ هذا يعني أنه إذا قمت بوضع النص البرمجي في دليل / شبيبة، فإن نطاقه يقتصر الآن على ذلك الدليل / شبيبة. ونتيجة لذلك ، يمكن فقط معالجة طلبات الصفحة التي تأتي عبر www.yoursite.com/js/ ، وستتجاهل الطلبات الأخرى تمامًا ، مثل الطلبات من خلال www.yoursite.com أو www.yoursite.com/news/ على سبيل المثال.

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

ملاحظة: يمكنك في الواقع تجاوز النطاق الافتراضي لعمال الخدمة عند تسجيله ، على سبيل المثال ،

مع هذا الأسلوب ، لا يزال بإمكانك وضع كل النصوص في دليل فرعي إذا كان ذلك مهمًا جدًا لمشروعك.

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

٢. استخدم لوحة التطبيق في أدوات كروم / كروم

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

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

٣. لا تستخدم إعادة التحميل

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

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

لذا فإن الأخبار السيئة هي "من الصعب تحديث" و "مخبأ و من الصعب تحديث" خارج الحدود خلال تطوير العاملين في الخدمة ، مما يقودنا إلى سؤالنا التالي:

كيف يمكنك تحديث صفحتك بشكل صحيح واختبار تغييرات رمز عامل الخدمة إذا كنت لا تستطيع استخدام "من الصعب تحديث" أو "مخبأ و من الصعب تحديث"؟

تكمن الإجابة على هذا السؤال في النتيجتين التاليتين:

٤. تحقق من مربع "تحديث على تحديث"

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

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

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

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

٥. قم بفحص وحذف كائنات ذاكرة التخزين المؤقت يدويًا

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

في العمود الأيمن من علامة التبويب "التطبيقات" ، سترى منطقة باسم التخزين المؤقت لذاكرة التخزين المؤقت. إذا قمت بتوسيع هذه المنطقة ، فستتمكن من رؤية أي كائنات ذاكرة تخزين مؤقت محفوظة في مساحة تخزين تتعلق بعنوان URL الحالي.

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

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

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

كي تختصر

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

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.