الجيل القادم من تطبيقات الويب؟

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

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

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

الشكل 1 الويب والتطبيقات الوطنية عند استخدامها على مقارنة طول منصة متنقلة (المصدر: جوجل)

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

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

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

الحالة رقم 2 سلطة المياه الفلسطينية فليبكارت لايت العرض (المصدر: HUX وMedium.com)

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

الشكل (3) فليبكارت لايت بدء اظهار تأثير (المصدر: HUX وMedium.com)

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

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

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

الشكل 4 فليبكارت لايت "تركيب" العرض (المصدر: HUX & @ adityapunjani)

من اليسار إلى اليمين: على غرار واجهة التثبيت التطبيق الأصلي، يتم تخزين التطبيق في درج وفليبكارت لايت HUX مدونة، فليبكارت التطبيق الأصلي وفليبكارت لايت سلطة المياه الفلسطينية التخلص تظهر واجهة متوازية (انظر الكم الهائل من سلطة المياه الفلسطينية ميزة)

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

الماضي والحاضر من التكنولوجيات الرئيسية سلطة المياه الفلسطينية

تطبيق ويب المانيفستو

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

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

حاول (المصدر: appleinsider.com) 5 في عام 2008 نظام التشغيل iOS لتطبيقات الويب على الأجهزة المحمولة للحصول على التطبيق الأصلي تجربة الشكل

ولكن سرعان ما، والمزيد والمزيد من منصة خاصة < ميتا > / < صلة > التسمية لتطبيق لإضافة "المهربة"، كما ويب "، قريبا المراد شغلها:

< ! - إضافة إلى الشاشة الرئيسية لسفاري على دائرة الرقابة الداخلية - >

ومن الواضح أن هذا النهج ليس أنيقة: فرقت المتكررة التعاريف الوصفية لزوم لها وصعبة للحفاظ على تزامن مع أتش تي أم أل يقترن معا زادت تكلفة فحص التغييرات متصفح المستقبل الفوقية. وفي الوقت نفسه، بدأ المجتمع باستخدام ملف البيان لوصف مركز مخططات الوصفية، مثل كروم التمديد، واستضافت تطبيقات Chrome ويب (2010) وفايرفوكس OS بيان التطبيق (2011) استخدام JSON، قرطبة ويندوز يشبك الموقع باستخدام XML .

2013، W3C WebApps بدأت مجموعة عمل توحيد أساس JSON-المانيفستو سراح أول العام العمل مشروع في نهاية العام نفسه، وتدريجيا تطورت إلى W3C تطبيق ويب المانيفستو اليوم:

{ "SHORT_NAME": "نموذج ظاهر"، "اسم": "تطبيق ويب المانيفستو نموذج"، "الرموز": ،" المدى ":" / عينة / "،" START_URL ":" /sample/index.html "،" عرض ":" مستقل "،" التوجه ":" المشهد "" theme_color ":" # 000 "،" BACKGROUND_COLOR ":" # الاتحاد الفرنسي "،} < ! - وثيقة - > < رابط يختلط = "واضح" أ href = "/ الملف manifest.json" >

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

• مجال

• start_urlHux BlogHux مدونة

• توجيه

• theme_colorbackground_color

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

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

مواعيد قصة جوجل التروس الخلفي ل2007: من أجل جعل مثل تلقاء تطبيق بريد جوجل، يوتيوب، جوجل قارئ الويب الخاص بهم يمكن تخزين البيانات محليا ويقوم حاليا، وقد وضعت جوجل متصفح الويب لتعزيز تطبيق التوسع. جوجل التروس دعم IE 6، سفاري 3، فايرفوكس 1.5 والمتصفحات الأخرى، كما تعلمون، كروم لن يكونوا قد ولدوا في ذلك العام.

في API تيبترونيك، علينا أن ندعم حاليا التخزين المؤقت بتقديم قائمة الوثائق إلى وحدات LocalServer:

// في مكان ما في جافا سكريبت الخاصة // الملف manifest.json - على افتراض JSON المشروح { "betaManifestVersion": 1، "الإصدار": "1.0"، "مداخل": }

كنت لا تشعر مألوفة جدا؟ مواصفات HTML5 مثل تطبيق الكاش هو شيء من هذا القبيل؟

< أتش تي أم أل واضح = "cache.appcache" > CACHE البيان

نعم، تستعد للLocalServer هو معروف في وقت لاحق لسلفه الجميع التطبيقات ذاكرة التخزين المؤقت، وعن بداية W3C من 2008 بدأت في محاولة لتوحيد التروس، بالإضافة إلى ذلك LocalServer، تستعد لتقديم بالتوازي الحوسبة وحدة الطاقة لتوفير WorkerPool قاعدة بيانات محلية مع وحدات قاعدة بيانات SQL الدعم هي مستقبل عامل الويب وقواعد البيانات SQL ويب (تخلى في وقت لاحق) السلف.

HTML5 التطبيقات ذاكرة التخزين المؤقت كما موجة ثانية من "السماح تطبيقات الويب دون اتصال لتنفيذ" محاولة، بل والخدمة مثل جوجل الوثيقة، وخاصة المطر النهر يعمل في وقت مبكر HTML5 واضحة، واستخدمت تطبيقات FT.com ويب كما تطبيقات iOS التابعة لهم (فايننشال تايمز) والعديد من تطبيقات الويب. حسنا، هناك خدمة العمال أي شيء على الإطلاق؟

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

هو الرقم 6 خدمة العمال مثل التشغيل في عميل وكيل

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

// sw.js

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

دورة حياة الرقم 7 خدمة العمال

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

// sw.jsself.oninstall = (ه) = >  {E.waitUntil (caches.open ( 'التثبيت'). ثم (مخبأ = >  cache.addAll (<

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

//sw.js

كما يمكن أن يرى، تم تصميم خدمة عامل كما قاع النسبي (على مستوى منخفض)، برمجة للغاية، عددا من المفاهيم الفرعية، وبالتالي API مرن جدا وقوية، وصفها هنا تظهر فقط غيض من فيض. لأسباب أمنية، وتسجيل خدمة العمال اطلب من نشر تطبيق ويب ضمن بروتوكول HTTPS، من أجل تجنب استخدام الهجوم الأوسط خدمة العمال. حصة I في DevFest GDG بكين هذا العام، وخدمة العمال 101، وتغطي خدمة العمال مثل "أولوية الشبكة"، "أولوية مخبأ"، وهذه السياسة أكثر تعقيدا مخبأ "شبكة مخبأ المنافسة"، والمواد التعليمية، ونموذج التعليمات البرمجية، للرجوع اليها.

الرقم 8 خدمة العمال استراتيجية التخزين المؤقت: اسمحوا طلب الشبكة وقراءة اللعبة مخبأ

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

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

إعلام دفع

سلطة المياه الفلسطينية دفع الاخطار "الدفع" و "التنبيهات"، في الواقع، يستخدم مختلفين ولكن يكمل كل منهما الآخر API:

إخطار API أعتقد أننا ليس غريبا، وهي المسؤولة عن كل المرتبطة آلية إخطار نفسها، مثل الإخطارات إدارة الحقوق، والشروع في إعلام إلى نظام التشغيل، يتم النقر على نوع من الإخطار والصوت، فضلا عن توفير إشعار الاستدعاء أو عندما مغلقة وحتى الآن المواقع المحلية والأجنبية الكبرى (خصوصا على الجانب سطح المكتب) لديها بعض الاستخدام. وينبغي أن يكون API إعلام لأول مرة في مشروع 2010 الذي تقدمت به البادئة الكروم إلى نحو webkitNotifications، اعتبارا من عام 2011 لدخول توحيد، 2012 معتمدة على سفاري 6 (ماك OSX 10.8+)؛ 2015 في API الإعلام أصبح W3C توصية، 2016 لدعم الحافة، وقد تلقى الإخطارات الويب على الدعم الكامل من الإنجازات في متصفح سطح المكتب (كروم، الحافة، فايرفوكس، أوبرا، سفاري).

يظهر ادفع API هو جعل خدمة الدفع لديه القدرة على دفع رسائل إلى تطبيق ويب تطبيق ويب الذي يعرف كيفية الشروع في الاشتراك في خدمة الدفع، وكيفية الاستجابة لرسالة دفعة والمصادقة بين تطبيق ويب، خادم التطبيق، وخدمات دفع و التشفير؛ لأن التطبيق دفع API ولا تعتمد على واجهة المستخدم متصفح ويب للبقاء على قيد الحياة، وذلك حتى في تطبيق ويب ومتصفح عندما يقوم المستخدم ليست مفتوحة، يمكنك أيضا الحصول على رسائل دفع من خلال مكالمة API عملية خلفية والإعلام لإعلام المستخدم. ومن الجدير بالذكر أن ماك OSX 10.9 مافريكس وسفاري 7 في عام 2013 على إطلاق سراح الإخطارات دفع سفاري دعم خاص مقره دفع APNS الخاصة بهم.

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

// sw.js

للإعلام دفع، لقد ذكرت عدة مرات كان نصيب أقل قليلا، أولا، لأن API دفع ما زال في مشروع محرر الدولة، والثاني هو المتصفح، ودفع كل خدمات الدعم الأخرى لا تزال غير ناضجة بما فيه الكفاية: كروم على أندرويد (الطرفة المستندة إلى والمتصفحات الأخرى) حاليا يعتمد فقط دفع الاخطار على أساس GCM الملكية جوجل / FCM، حققت فايرفوكس فقط دفع إلى بروتوكولات الانترنت (بروتوكول دفع ويب) موحدة من قبل IETF.

ومع ذلك، إذا كنت تستخدم الخدمات السحابية جوجل (مثل Firebase)، وأساسا للمستخدمين في الخارج، وأنها تدعم دفع الإخطارات GCM / لا يستند FCM على شيء شاقة في تطبيقات الويب، فإنني أوصي لكم قراءة جوجل للمطورين من سلسلة من المقالات، العديد من الشركات الأجنبية قد لعب المباراة.

جميع محتويات هذا المقال، راجع "مبرمج" في فبراير 2017 الفترة.