51K Views

UVdesk التدريجي مع التطبيق على شبكة الإنترنت

ما هو تقدمي تطبيق ويب / سلطة المياه الفلسطينية?

التدريجي التطبيق على شبكة الإنترنت أو PWA هي الطريقة التي نحن نقدم العديد من الميزات مثل <القوي>دفع الاخطار ، المزامنة الخلفية, زر الشاشة الرئيسية للمستخدمين أفضل تجربة على شبكة الإنترنت أو يمكن أن أقول مثل التطبيق تجربة مع شبكة الإنترنت. التدريجي تطبيق ويب بسرعة البرق في مقارنة عادي موقع من التطبيق لدينا.

 

لماذا نحن بحاجة إلى استخدام هذا ؟

في هذا الوقت من ويب + عصر المحمول حيث المستخدمين يعتمدون في الغالب على أجهزتهم و حتى على الهاتف المحمول (80 ٪ من مستخدمي الإنترنت امتلاك الهاتف الذكي) كثيرا, نحن لا يمكن تجاهل أي نوع من المنصات. إذا نحن نفقد التركيز على أي منصة ثم بالتأكيد سوف نفقد aginst منافسنا. بغض النظر عن هذا يمكن أن يكون هناك العديد من الأشياء الأخرى التي يمكن أن تكون السبب في أقل من حركة المرور إلى موقع الويب الخاص بنا. لو موقعنا كبيرة css, js الملفات أيضا العديد من الصور ، مختلف الخط الأسر (والتي لا تحتاج ولكن علينا أن نضيف لهم) أو <قوية>المستخدمين لديهم انخفاض بالإنترنت (انها ليست خطأهم لأن في مدرب آخر والعملاء هم دائما على حق 😉 ) إلخ. أيا كان السبب, انها سوف تطاردنا من حيث الإيرادات. كمستخدم من أي موقع في شروط هذه الحالات ثم بالتأكيد سوف تكون هذه وجهة نظري –

نظر العملاء

العملاء/ المستخدمين النفوس من أي موقع إذا لم تكن هناك, نحن أموات بالفعل أو إذا لم يكن ثم سوف يكون قريبا. 53% من المستخدمين لن تتخلى موقع إذا كان يستغرق وقتا أطول من 3 ثوان لتحميل! و بمجرد تحميل ، التي نتوقع منها أن تكون سريعة لا الخربة التمرير أو بطيئة في الاستجابة الواجهات. حتى نتمكن من التفكير ، وكم توقعات العملاء يزيد مع منافسينا. انها بسيطة جدا, يريد العملاء استجابة سريعة الأمور الأخرى تأتي لاحقا مثل إذا أردنا إعطاء Iphone7 1$ ولكن إذا كانت الصفحة لا تفتح ثم لا أحد هو الذهاب/قادرة على شرائه. إذا لم يتم ملء جميع الفراغات في هذا الوقت من عصر التكنولوجيا ثم أننا لا يمكن أن تكسب 121bn يوان (18 مليار دولار) في يوم واحد.

كمطور/ صاحب وجهة نظر

كما مطوري ما هو أبسط مشكلة واجهناها? بالنسبة لي انها سرعة موقعنا على الانترنت ، كيف سريع نحن خدمة العملاء طلبات ؟ إذا ويب استجابة سريعة (أنا أتحدث عن الغالب استقبال البيانات مثل html/css أو بيانات ثابتة) ثم من الواضح أن العملاء سوف البقاء لفترة أطول آخر أنهم ذاهبون إلى تصفح موقع آخر في غضون دقائق, انها مثل التدخين ، نحن لا نعرف مدى خطورة الأمر الآن ولكن في الماضي, نحن موتى لا موقعنا على الانترنت.

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

حتى إذا قلت لكم أننا يمكن أن تحل هذه الأمور مع سلطة المياه الفلسطينية ثم كيف يتم ذلك :). قبل ذلك دعونا تحقق ما هو عليه في الواقع أو ما هو وراء ذلك ؟

 

ما هو ؟

مثل كتبت PWA هو وسيلة للحصول على تطبيق المحمول مثل تجربة الويب ولكن ما وراء هذا مفهوم كبير. انها العمل (مع الصمت السعادة 🙂 ). في الواقع, كمطور ما المشكلة التي واجهتها في الغالب أن كنت غير قادر على الإختراق إذا طلب أي متصفح تم إرساله إلى الخادم أو كان في عداد المفقودين نقطة واحدة 😐 هنا يأتي عامل الخدمة. خدمة العامل هو نوع من “الملقم الوكيل” بين الخادم والمستخدم المتصفح. كل شيء سيمر إلى أنه إذا كان شخص ما يطلب و يمكننا من التعامل مع تلك الطلبات و الرد كذلك.

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

/**
* Webkul Software.
*
* @category Webkul, Uvdesk
* @package Webkul_UVdesk_PWA
* @author Nikhil
* @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
* @license https://store.webkul.com/license.html
*/
 
// Few listener for PWA/service worker with registering service worker
if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('/sw.js').then(function(reg) {
		//our service worker code
	})

	navigator.serviceWorker.addEventListener('controllerchange', function() {

    });

    navigator.serviceWorker.addEventListener('statechange', function() {
        
    });

	//our other service worker code
}

ماذا يمكن أن نفعل ذلك (خدمة عامل)?

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

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

مع مساعدة من ذلك ، يمكننا تماما تصفح UVdesk مثل ما تشاهده في التطبيق.

الصفحة الرئيسية

تذكرة العرض

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

من دون الإنترنت ولكن لم ذاكرة التخزين المؤقت البيانات بعد

بدون انترنت ولكن خدمة البيانات من خدمة العمال

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

 

ما هي الخطوة التالية ؟

نعم ، بالطبع ، هناك دائما شيء المقبل ، لا شيء يكتمل. في واحد القادم ، سوف نرى في الواقع كيف نبني هذا UVdesk و ما هي المشاكل التي واجهتها? شكرا لك على وقتك.

إذا كان لديك أي استفسار لا تتردد في الاتصال بنا من هنا support@uvdesk.com

 

هل هناك أمثلة على ذلك ؟

بالطبع دون سبيل المثال ، كيف سنتعلم ؟ هذه هي بعض الروابط التي استخدمت في التعلم و في وقت كتابة هذا التقرير.

Google Blog

Booking.com

MDN

and great one Jake Archibald

 

. . .

Comments (2)

Add Your Comment

  • Raghav
    Is PWA feature available in the open source version? Thanks.
    • Vidushi Singh
      Hi Raghav, right at the moment this feature is available only in SaaS not in Open Source Version.
  • css.php