التعليق: إن تطبيقات الويب اليوم معقدة بالفعل ، ومع التطوير الحالي ، ستصبح أكثر تعقيدًا ، ولكن لها عيب مميت ولا يمكن فصلها عن رابط الإنترنت. لذلك ، تتم إضافة API إلى HTML. يستخدم آلية تخزين محلية لحل هذه المشكلة بشكل جيد وتمهيد الطريق لتطبيقات الويب غير المتصلة بالإنترنت.
مقدمة
اليوم ، تكون تطبيقات الويب بالفعل معقدة للغاية ، ومع التطوير الحالي ، ستصبح أكثر تعقيدًا ، لكن لديهم عيب مميت ولا يمكن فصله عن روابط الإنترنت. لذلك ، تتم إضافة API إلى HTML.
إنه يحل هذه المشكلة بشكل جيد مع آلية التخزين المحلية ، مما يمهد الطريق لتطبيقات الويب غير المتصلة بالإنترنت.
ذاكرة التخزين المؤقت المحلية في ذاكرة التخزين المؤقت للمتصفح
يتم استخدام ذاكرة التخزين المؤقت المحلية لخدمة تطبيق الويب بأكمله
يخدم ذاكرة التخزين المؤقت للمتصفح فقط صفحة ويب واحدة </p> <p> أي صفحة ويب لها ذاكرة التخزين المؤقت لصفحة الويب
إن ذاكرة التخزين المؤقت المحلية تختبئ فقط الصفحات التي حددتها لتذاكر ذاكرة التخزين المؤقت </p> <p> لا يمكن الاعتماد عليها وغير آمنة لأننا لا نعرف الصفحات والموارد المخزنة في الموقع.
يتحكم ذاكرة التخزين المؤقت المحلية في المحتوى الذي تم تخزينه مؤقتًا
ملف واضح
تتم إدارة ذاكرة التخزين المؤقت المحلية لتطبيقات الويب من خلال ملف البيان لكل صفحة. البيان هو نص بسيط حيث أسماء ومسارات الملفات التي يجب تخزينها مؤقتًا ولا تحتاج إلى تخزينها مؤقتًا في شكل بيان.
يمكنك تحديد بيان كل صفحة أو للتطبيق بأكمله. على سبيل المثال ، قمنا بتعيينه لـ Hello.htm:
بيان ذاكرة التخزين المؤقت
مخبأ:
other.html
Hellow.JS
الصور/myphoto.jpg
شبكة:
notoffline.asp
*
احتياطي:
online.js locale.js
مخبأ:
Newhellow.html
Newhellow.js
في ملف البيان ، يجب أن يكون السطر الأول هو بيان ذاكرة التخزين المؤقت لإخبار المتصفح بوظيفة النص ، أي تعيين ملفات الموارد في ذاكرة التخزين المؤقت المحلية.
عند تشغيل تطبيقات الويب دون اتصال بالإنترنت ، يجب تكوين الخادم لتمكين الخادم لدعم نص نوع MIME/Cache-Manifest.
عند تحديد الملف المصدر ، يمكن تقسيم ملفات الموارد إلى ثلاث فئات: ذاكرة التخزين المؤقت والشبكة والتراجع
لأنه إذا كان للصفحة ملف واضح ، فسيقوم المتصفح تلقائيًا بتخزين الصفحة محليًا </p> <p> فئة الشبكة هي ملف مورد صريح غير مخبأ. لا يمكن الوصول إلى هذه الملفات إلا من خلال إنشاء رابط من جانب الخادم. في هذا المثال ، تشير أحرف Wildcard * إلى أن تلك التي لم يتم تسجيلها لا يتم تخزينها مؤقتًا </p> <p> يتم تحديد ملفان للموارد في كل سطر في فئة التراجع. ملف المورد الأول هو ملف مورد يمكن استخدامه عند الوصول إلى الإنترنت ، والثاني هو ملف ذاكرة التخزين المؤقت المحلي الذي لا يمكن استخدامه عند الوصول إلى الإنترنت.
عملية تفاعل المتصفح والخادم
عند العمل مع تطبيقات الويب غير المتصلة بالإنترنت ، من الضروري فهم التفاعل بين المتصفح والخادم:
على سبيل المثال ، إذا تم استخدام index.htm كصفحة رئيسية ، فإن الصفحة الرئيسية تستخدم index.manifest.
cache index.htm ، hello.js ، hello.jpg في الملف. عملية الوصول الأول هي كما يلي:
طلب المتصفح عنوان URL
يعود الخادم إلى الصفحة الرئيسية index.htm
يقوم المتصفح بتوزيع صفحة Web INDEX.HTM ويطلب جميع ملفات الموارد في الصفحة.
يقوم الخادم بإرجاع ملف المورد
يعالج المتصفح الملف البيان ويطلب الملف الذي يحتاج إلى تخزين مؤقت في البيان. حتى إذا تم تقديم الطلب ، فسوف يطلب مرة أخرى.
يقوم الخادم بإرجاع الملف الذي يجب تخزينه مؤقتًا
يقوم المتصفح بتحديث ذاكرة التخزين المؤقت المحلية ، ويخزن ملف المورد ، ويؤدي إلى إجراء حدث لإخطار ذاكرة التخزين المؤقت المحلية لتحديث </p> <p> فتح عنوان URL مرة أخرى
طلب عنوان URL
يجد المتصفح أن الصفحة مخزنة مؤقتًا ، لذلك تستخدم ملف ذاكرة التخزين المؤقت المحلي
تحليل الملفات
المتصفح مثل ملفات الخادم المخصصة
يرجع الخادم 304 ، ويخطارًا أن ملف البيان لم يتغير (إذا تغير ، فسيكون مختلفًا)
كائن ApplicationCache
يمثل هذا الكائن ذاكرة التخزين المؤقت المحلية ، والتي يمكن استخدامها لإخطار المستخدم بأن ذاكرة التخزين المؤقت المحلية قد تم تحديثها وتسمح أيضًا بالتحديث اليدوي للذاكرة التخزين المؤقت المحلية.
في السابق ، عندما يقوم المتصفح بتحديث ذاكرة التخزين المؤقت المحلية وتحميل ملف مورد جديد ، سيتم تشغيل حدث Updateready لكائن ApplicationCache ، لإعلام ذاكرة التخزين المؤقت المحلية التي تم تعديلها ، ثم دفع المستخدم إلى تحديث الصفحة يدويًا.
Swapcache
يتم استخدام طريقة SwapCache لإجراء التحديثات المحلية المحلية يدويًا. لا يمكن استدعاؤه إلا عند تشغيل حدث updateready لكائن ApplicationCache.
أي عندما يتغير ملف المورد ، يمكنك استخدام هذه الطريقة لتخزين التحديث يدويًا.