c#js api ticket 缓存

在现代Web开发中，C#、JavaScript和API的结合使用非常普遍，而缓存则是提高应用程序性能的关键手段之一，下面将详细探讨如何在C#和JavaScript中实现API调用的缓存机制。

C#中的API缓存

使用MemoryCache

在C#中，MemoryCache类是缓存数据的一个常用方式，以下是一个简单的示例，展示如何使用MemoryCache来缓存API调用的结果：

using System;
using System.Runtime.Caching;
using System.Net.Http;
using System.Threading.Tasks;
public class ApiCacheService
{
    private static readonly ObjectCache _cache = MemoryCache.Default;
    private static readonly HttpClient _httpClient = new HttpClient();
    public async Task<string> GetDataAsync(string apiUrl)
    {
        var cacheKey = $"api_{apiUrl}";
        // 检查缓存中是否已有数据
        if (_cache.Contains(cacheKey))
        {
            return _cache[cacheKey] as string;
        }
        // 从API获取数据
        var response = await _httpClient.GetStringAsync(apiUrl);
        // 将数据存入缓存，设置过期时间（例如5分钟）
        var cacheItem = new CacheItem(cacheKey, response)
        {
            SlidingExpiration = TimeSpan.FromMinutes(5)
        };
        _cache.Add(cacheItem);
        return response;
    }
}

在这个示例中，我们首先检查缓存中是否存在指定API URL的数据，如果存在，则直接返回缓存中的数据；否则，从API获取数据并将其存入缓存，同时设置一个滑动过期时间。

使用Redis作为缓存

对于更复杂的缓存需求，可以使用Redis等分布式缓存系统，以下是使用StackExchange.Redis库与Redis进行交互的示例：

using StackExchange.Redis;
using System;
using System.Net.Http;
using System.Threading.Tasks;
public class RedisApiCacheService
{
    private readonly ConnectionMultiplexer _redis;
    private readonly HttpClient _httpClient = new HttpClient();
    public RedisApiCacheService(string redisConnectionString)
    {
        _redis = ConnectionMultiplexer.Connect(redisConnectionString);
    }
    public async Task<string> GetDataAsync(string apiUrl)
    {
        var cacheKey = $"api:{apiUrl}";
        // 检查Redis缓存中是否已有数据
        var cachedData = await _redis.GetStringAsync(cacheKey);
        if (!string.IsNullOrEmpty(cachedData))
        {
            return cachedData;
        }
        // 从API获取数据
        var response = await _httpClient.GetStringAsync(apiUrl);
        // 将数据存入Redis缓存，设置过期时间（例如30分钟）
        await _redis.StringSetAsync(cacheKey, response, expiry: TimeSpan.FromMinutes(30));
        return response;
    }
}

在这个示例中，我们使用Redis作为缓存后端，首先检查Redis中是否存在指定API URL的数据，如果存在则直接返回；否则，从API获取数据并存入Redis缓存。

JavaScript中的API缓存

1. 使用localStorage进行缓存

在JavaScript中，可以使用localStorage来缓存API调用的结果，以下是一个简单的示例：

async function getData(apiUrl) {
    const cacheKey =api_${apiUrl};
    const cachedData = localStorage.getItem(cacheKey);
    if (cachedData) {
        return JSON.parse(cachedData);
    }
    const response = await fetch(apiUrl);
    const data = await response.json();
    localStorage.setItem(cacheKey, JSON.stringify(data));
    return data;
}

在这个示例中，我们首先检查localStorage中是否存在指定API URL的数据，如果存在，则解析并返回缓存中的数据；否则，从API获取数据并将其存入localStorage。

使用IndexedDB进行缓存

对于更复杂的缓存需求，可以使用IndexedDB，以下是一个简单的示例：

async function openDatabase() {
    return new Promise((resolve, reject) => {
        const request = indexedDB.open('apiCache', 1);
        request.onerror = (event) => {
            reject(event.target.error);
        };
        request.onupgradeneeded = (event) => {
            const db = event.target.result;
            db.createObjectStore('cache', { keyPath: 'url' });
        };
        request.onsuccess = (event) => {
            resolve(event.target.result);
        };
    });
}
async function getData(apiUrl) {
    const db = await openDatabase();
    const transaction = db.transaction(['cache'], 'readwrite');
    const store = transaction.objectStore('cache');
    const request = store.get(apiUrl);
    if (request) {
        return request.result;
    }
    const response = await fetch(apiUrl);
    const data = await response.json();
    store.put({ url: apiUrl, data: data });
    return data;
}

在这个示例中，我们首先打开或创建一个名为apiCache的IndexedDB数据库，并在其中创建一个名为cache的对象存储，我们尝试从数据库中获取指定API URL的数据；如果不存在，则从API获取数据并将其存入数据库。

表格对比C#和JavaScript中的缓存方式

FAQs

Q1：在C#中使用MemoryCache时，如何设置缓存项的过期时间？

A1：在C#中，可以通过创建CacheItemPolicy对象并设置其AbsoluteExpiration或SlidingExpiration属性来配置缓存项的过期时间，使用SlidingExpiration可以设置一个滑动过期时间，即每次访问缓存项时都会重置其过期时间。

Q2：在JavaScript中，如何清除localStorage中的缓存数据？

A2：在JavaScript中，可以使用localStorage.removeItem(key)方法来删除指定键的缓存数据，如果要清除所有缓存数据，可以使用localStorage.clear()方法。

小编有话说：

C#和JavaScript都提供了多种方式来实现API调用的缓存，开发者可以根据具体需求和应用场景选择合适的缓存策略，无论是使用内存缓存还是分布式缓存，都能显著提高应用程序的性能和响应速度。