वर्कबॉक्स-रेंज-अनुरोध

अनुरोध करते समय, range हेडर को सेट किया जा सकता है, जिससे सर्वर को पूरे अनुरोध का सिर्फ़ एक हिस्सा लौटाने के लिए कहा जाता है. यह वीडियो फ़ाइल जैसी कुछ फ़ाइलों के लिए काम का होता है, जहां उपयोगकर्ता यह तय कर सकता है कि वीडियो कहां चलाना है.

यह मॉड्यूल क्या करता है?

कुछ मामलों में, कैश मेमोरी में सेव की गई फ़ाइल का इस्तेमाल किया जा सकता है, लेकिन ब्राउज़र ने range हेडर सेट किया है. आम तौर पर, हेडर को अनदेखा किया जाएगा.

यह मॉड्यूल, कैश मेमोरी में सेव किए गए रिस्पॉन्स को पढ़ेगा और डेटा की तय की गई सीमा दिखाएगा.

बुनियादी इस्तेमाल

आपको जिस रणनीति के लिए रेंज अनुरोधों की जांच करनी है उसमें प्लग इन जोड़कर, वर्कबॉक्स रेंज अनुरोधों का इस्तेमाल किया जा सकता है.

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {RangeRequestsPlugin} from 'workbox-range-requests';

registerRoute(
  ({url}) => url.pathname.endsWith('.mp4'),
  new CacheFirst({
    plugins: [
      new RangeRequestsPlugin(),
    ],
  });
);

ध्यान दें:कैश मेमोरी में सेव किया गया मीडिया कॉन्टेंट दिखाते समय, आपको कुछ और बातों का भी ध्यान रखना होगा. "कैश मेमोरी में सेव किया गया ऑडियो और वीडियो सेव करें" रेसिपी

में ज़्यादा पढ़ें

बेहतर इस्तेमाल

अगर आपको प्लगिन के बाहर इस लॉजिक का इस्तेमाल करना है, तो createPartialResponse() फ़ंक्शन का इस्तेमाल करें.

import {createPartialResponse} from 'workbox-range-requests';

createPartialResponse(request, cachedResponse);

ज़्यादा जानकारी के लिए, रेफ़रंस दस्तावेज़ देखें.

टाइप

RangeRequestsPlugin

रेंज अनुरोध प्लगिन की मदद से, 'range' हेडर के अनुरोध को कैश मेमोरी में सेव किए गए रिस्पॉन्स से पूरा करना आसान हो जाता है.

ऐसा करने के लिए, यह cachedResponseWillBeUsed प्लगिन कॉलबैक को इंटरसेप्ट करता है और कैश मेमोरी में सेव किए गए रिस्पॉन्स के मुख्य हिस्से के सही सबसेट को दिखाता है.

प्रॉपर्टी

• कंस्ट्रक्टर

  void

  constructor फ़ंक्शन ऐसा दिखता है:

  () => {...}

  • returns

    RangeRequestsPlugin

तरीके

createPartialResponse()

workbox-range-requests.createPartialResponse(
  request: Request,
  originalResponse: Response,
)

इनपुट के तौर पर Request और Response ऑब्जेक्ट दिए जाने पर, यह नए Response के लिए वादा करता है.

अगर मूल Response में पहले से ही आंशिक कॉन्टेंट मौजूद है (यानी, इसका स्टेटस 206 है), तो यह मान लिया जाता है कि यह Range: की ज़रूरी शर्तों को पहले ही पूरा करता है. साथ ही, यह पहले से मौजूद कॉन्टेंट को दिखाता है.

पैरामीटर

• CANNOT TRANSLATE

  अनुरोध

  ऐसा अनुरोध जिसमें रेंज: हेडर शामिल होना चाहिए.

• originalResponse

  जवाब

  जवाब.

रिटर्न

• वादा<Response>

  206 Partial Content रिस्पॉन्स, जिसमें रिस्पॉन्स का मुख्य हिस्सा अनुरोध के Range: हेडर में बताए गए कॉन्टेंट के हिस्से पर सेट होता है या Range: हेडर की शर्तें पूरी न होने पर, 416 Range Not Satisfiable रिस्पॉन्स.