feat:修改为从网络端获取字体svg

2025-10-27 10:31:59 +08:00
parent 42a37a324f
commit 643a7e23e7
4 changed files with 329 additions and 23 deletions
@@ -0,0 +1,165 @@
+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 };
+    }
+}