R524809
166 lines
4.7 KiB
TypeScript
166 lines
4.7 KiB
TypeScript
import { getJson } from './http';
|
|
|
|
/**
|
|
* SVG汉字数据缓存配置
|
|
*/
|
|
const CACHE_CONFIG = {
|
|
key: 'svgWordsData', // 缓存键名
|
|
expireDays: 7, // 缓存过期天数
|
|
url: 'https://www.ice-sea.com/doodle/words-svg/words-svg-3000.json' // 远程数据地址
|
|
};
|
|
|
|
/**
|
|
* 缓存数据结构
|
|
*/
|
|
interface CacheData {
|
|
data: Record<string, string[]>; // SVG汉字数据
|
|
timestamp: number; // 缓存时间戳
|
|
version?: string; // 数据版本（可选）
|
|
}
|
|
|
|
/**
|
|
* 检查缓存是否过期
|
|
* @param timestamp 缓存时间戳
|
|
* @returns 是否过期
|
|
*/
|
|
function isCacheExpired(timestamp: number): boolean {
|
|
const now = Date.now();
|
|
const expireTime = CACHE_CONFIG.expireDays * 24 * 60 * 60 * 1000; // 7天的毫秒数
|
|
return (now - timestamp) > expireTime;
|
|
}
|
|
|
|
/**
|
|
* 从本地存储获取缓存数据
|
|
* @returns 缓存数据或null
|
|
*/
|
|
function getCacheData(): CacheData | null {
|
|
try {
|
|
const cacheStr = wx.getStorageSync(CACHE_CONFIG.key);
|
|
if (!cacheStr) {
|
|
return null;
|
|
}
|
|
|
|
const cacheData: CacheData = JSON.parse(cacheStr);
|
|
|
|
// 检查缓存是否过期
|
|
if (isCacheExpired(cacheData.timestamp)) {
|
|
console.log('SVG汉字数据缓存已过期，将重新获取');
|
|
// 清除过期缓存
|
|
wx.removeStorageSync(CACHE_CONFIG.key);
|
|
return null;
|
|
}
|
|
|
|
console.log('使用本地缓存的SVG汉字数据，缓存时间:', new Date(cacheData.timestamp).toLocaleString());
|
|
return cacheData;
|
|
} catch (error) {
|
|
console.error('读取SVG汉字数据缓存失败:', error);
|
|
return null;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 保存数据到本地存储
|
|
* @param data SVG汉字数据
|
|
*/
|
|
function saveCacheData(data: Record<string, string[]>): void {
|
|
try {
|
|
const cacheData: CacheData = {
|
|
data,
|
|
timestamp: Date.now(),
|
|
version: '1.0' // 可以用于后续版本控制
|
|
};
|
|
|
|
wx.setStorageSync(CACHE_CONFIG.key, JSON.stringify(cacheData));
|
|
console.log('SVG汉字数据已缓存到本地存储');
|
|
} catch (error) {
|
|
console.error('保存SVG汉字数据缓存失败:', error);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 从远程服务器获取SVG汉字数据
|
|
* @returns Promise<Record<string, string[]>>
|
|
*/
|
|
async function fetchRemoteData(): Promise<Record<string, string[]>> {
|
|
console.log('从远程服务器获取SVG汉字数据...');
|
|
|
|
const svgWordsData = await getJson<Record<string, string[]>>(
|
|
CACHE_CONFIG.url,
|
|
{
|
|
timeout: 15000, // 15秒超时
|
|
header: {
|
|
'Accept': 'application/json',
|
|
'Cache-Control': 'no-cache'
|
|
}
|
|
}
|
|
);
|
|
|
|
console.log('远程SVG汉字数据获取成功，共', Object.keys(svgWordsData).length, '个汉字');
|
|
return svgWordsData;
|
|
}
|
|
|
|
/**
|
|
* 获取SVG汉字数据（带缓存机制）
|
|
* 优先使用本地缓存，如果缓存不存在或已过期，则从远程获取
|
|
* @returns Promise<Record<string, string[]>>
|
|
*/
|
|
export async function getWordsSvgData(): Promise<Record<string, string[]>> {
|
|
try {
|
|
// 1. 尝试从本地缓存获取数据
|
|
const cacheData = getCacheData();
|
|
if (cacheData) {
|
|
return cacheData.data;
|
|
}
|
|
|
|
// 2. 缓存不存在或已过期，从远程获取
|
|
const remoteData = await fetchRemoteData();
|
|
|
|
// 3. 保存到本地缓存
|
|
saveCacheData(remoteData);
|
|
|
|
return remoteData;
|
|
} catch (error) {
|
|
console.error('获取SVG汉字数据失败:', error);
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 清除SVG汉字数据缓存
|
|
*/
|
|
export function clearWordsSvgCache(): void {
|
|
try {
|
|
wx.removeStorageSync(CACHE_CONFIG.key);
|
|
console.log('SVG汉字数据缓存已清除');
|
|
} catch (error) {
|
|
console.error('清除SVG汉字数据缓存失败:', error);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 获取缓存信息
|
|
* @returns 缓存信息对象
|
|
*/
|
|
export function getCacheInfo(): { exists: boolean; timestamp?: number; isExpired?: boolean; daysLeft?: number } {
|
|
try {
|
|
const cacheStr = wx.getStorageSync(CACHE_CONFIG.key);
|
|
if (!cacheStr) {
|
|
return { exists: false };
|
|
}
|
|
|
|
const cacheData: CacheData = JSON.parse(cacheStr);
|
|
const isExpired = isCacheExpired(cacheData.timestamp);
|
|
const daysLeft = isExpired ? 0 : Math.ceil((CACHE_CONFIG.expireDays * 24 * 60 * 60 * 1000 - (Date.now() - cacheData.timestamp)) / (24 * 60 * 60 * 1000));
|
|
|
|
return {
|
|
exists: true,
|
|
timestamp: cacheData.timestamp,
|
|
isExpired,
|
|
daysLeft
|
|
};
|
|
} catch (error) {
|
|
console.error('获取缓存信息失败:', error);
|
|
return { exists: false };
|
|
}
|
|
}
|