React Native

Fetch Web Pages from Local Cache

See more HTTP Examples

Demonstrates how to keep a local cache to avoid re-fetching web pages. React Native

import { Http } from '@chilkat/react-native'

async function chilkatExample() {
  // This example assumes the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const http = new Http();

  // Define a cache directory and set the number of levels based on the anticipated size of the cache.
  http.addCacheRoot('c:/example/httpCache/');

  // up to 256 sub-directories under the cache root will be created as needed to hold cached GET's.
  http.numCacheLevels = 1;

  // Tell the http object to fetch from the cache if possible.
  http.fetchFromCache = true;

  // Also tell the http object to update the cache with newly fetched pages.
  http.updateCache = true;

  // This HTTP GET should result in a cache file getting created.
  let html: string;
  try {
    html = await http.quickGetStrAsync('https://www.google.com/');
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  // The 1st GET was not from cache:
  console.log(`Fetched from cache: ${http.lastFromCache}`);

  // Fetching again will cause the page to be delivered from our local cache.
  try {
    html = await http.quickGetStrAsync('https://www.google.com/');
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  // The 2nd GET is from cache:
  console.log(`Fetched from cache: ${http.lastFromCache}`);
}