WPS JS宏新玩法：用Fetch API轻松爬取B站数据并自动生成Excel报表

WPS JS宏新玩法用Fetch API轻松爬取B站数据并自动生成Excel报表在数字化办公时代数据采集与分析能力已成为职场人士的核心竞争力。传统的数据收集往往需要手动复制粘贴既耗时又容易出错。而WPS Office最新版本引入的JavaScript Fetch API为办公自动化带来了革命性变化——现在你可以直接在WPS表格中编写几行代码就能自动获取网络数据并生成专业报表。本文将带你探索如何利用WPS JS宏中的Fetch API从B站等平台抓取结构化数据并自动整理到Excel表格中。无论你是需要定期收集市场数据的市场专员还是需要分析用户行为的产品经理这套方案都能将你的工作效率提升数倍。1. 环境准备与基础概念在开始编写爬虫代码前我们需要确保开发环境配置正确。WPS Office 2023专业版及以上版本已内置完整的JavaScript运行时环境无需安装任何额外插件。你可以通过以下步骤验证环境打开WPS表格按AltF11调出宏编辑器在左侧项目窗口选择插入→模块Fetch API是现代浏览器提供的网络请求接口其核心优势在于Promise异步处理避免回调地狱代码更清晰内置JSON解析无需额外库处理数据格式简洁的链式调用比传统XMLHttpRequest更易用// 最简单的Fetch请求示例 fetch(https://api.example.com/data) .then(response response.json()) .then(data console.log(data));提示WPS JS宏环境与浏览器环境略有不同部分高级特性如CORS限制较为宽松更适合企业级数据采集场景。2. 实战抓取B站收藏夹视频数据让我们以抓取B站用户收藏夹视频信息为例演示完整的爬取到报表生成流程。B站开放API返回标准的JSON数据结构非常适合作为学习案例。2.1 分析API接口通过浏览器开发者工具分析我们发现收藏夹数据的API端点格式如下https://api.bilibili.com/x/v3/fav/resource/list?media_id{收藏夹ID}pn页码ps每页数量关键参数说明参数名类型说明media_id数字收藏夹唯一标识pn数字页码从1开始ps数字每页条目数最大202.2 编写数据获取函数async function fetchBiliFavorites(mediaId, page 1) { const url https://api.bilibili.com/x/v3/fav/resource/list?media_id${mediaId}pn${page}ps20; const headers { User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64), Referer: https://www.bilibili.com/ }; try { const response await fetch(url, { headers }); if (!response.ok) throw new Error(HTTP error! status: ${response.status}); return await response.json(); } catch (error) { console.error(抓取失败:, error); return null; } }2.3 数据清洗与转换获取的原始数据需要转换为适合Excel展示的二维数组结构function transformData(apiData) { const videos apiData.data.medias; return videos.map(video ({ 封面: video.cover, UP主: video.upper.name, 标题: video.title, 播放量: video.cnt_info.play, 收藏时间: new Date(video.fav_time * 1000).toLocaleString() })); }3. 数据写入Excel与格式优化将处理好的数据写入工作表并设置专业样式3.1 基础数据写入function writeToSheet(data, startCell A1) { const headers Object.keys(data[0]); const rows data.map(item Object.values(item)); // 写入表头 Range(startCell).Resize(1, headers.length).Value2 [headers]; // 写入数据 Range(startCell).Offset(1, 0).Resize(rows.length, headers.length).Value2 rows; return { headerRange: Range(startCell).Resize(1, headers.length), dataRange: Range(startCell).Offset(1, 0).Resize(rows.length, headers.length) }; }3.2 自动化样式设置专业报表需要合理的视觉呈现function applyTableStyle(rangeObj) { // 设置表头样式 rangeObj.headerRange.Font.Bold true; rangeObj.headerRange.Interior.Color RGB(240, 240, 240); // 设置数据区域样式 rangeObj.dataRange.Borders.LineStyle 1; rangeObj.dataRange.Font.Size 10; // 自动调整列宽 Columns(rangeObj.headerRange.Column, rangeObj.headerRange.Columns.Count) .AutoFit(); // 设置日期格式 const dateCol rangeObj.headerRange.Value2[0].indexOf(收藏时间) 1; if (dateCol 0) { Columns(rangeObj.headerRange.Column dateCol - 1) .NumberFormat yyyy-mm-dd hh:mm; } }4. 高级技巧与实战优化掌握了基础流程后我们可以进一步优化爬虫的稳定性和功能性。4.1 分页抓取与错误重试async function fetchAllPages(mediaId, maxPages 5) { let allVideos []; let currentPage 1; while (currentPage maxPages) { const result await fetchBiliFavorites(mediaId, currentPage); if (!result || !result.data.medias) break; allVideos allVideos.concat(transformData(result)); // 判断是否还有下一页 if (result.data.medias.length 20) break; currentPage; // 避免请求过快 await new Promise(resolve setTimeout(resolve, 1000)); } return allVideos; }4.2 图片自动插入技术让报表直接显示视频封面function insertThumbnails(dataRange, urlColumn 1) { const sheet ActiveSheet; const topPosition dataRange.Row 1; for (let i 0; i dataRange.Rows.Count; i) { const cell dataRange.Cells.Item(i 1, urlColumn); const imgUrl cell.Value2; if (imgUrl) { try { const top cell.Top 2; const left cell.Left 2; sheet.Shapes.AddPicture(imgUrl, true, true, left, top, 80, 45); cell.Value2 ; // 清空原始URL } catch (e) { console.log(图片插入失败: ${imgUrl}); } } } }4.3 定时自动刷新方案结合WPS的定时任务功能可以实现数据自动更新function setupAutoRefresh(minutes 60) { const refresh () { console.log([${new Date().toLocaleString()}] 开始自动刷新数据); main(); // 执行主抓取函数 Application.OnTime(DateAdd(n, minutes, Now()), refresh); }; // 首次执行 refresh(); }5. 企业级应用场景扩展这套技术方案可以轻松适配各种业务场景5.1 竞品监控系统定期抓取竞品视频数据自动生成对比报表async function monitorCompetitors() { const competitors [ { name: 品牌A, mediaId: 12345 }, { name: 品牌B, mediaId: 67890 } ]; let allData []; for (const comp of competitors) { const videos await fetchAllPages(comp.mediaId); videos.forEach(v v.品牌 comp.name); allData allData.concat(videos); } // 生成交叉分析报表 const report analyzePerformance(allData); writeToSheet(report, G1); }5.2 数据可视化看板结合WPS图表功能创建动态仪表盘function createDashboard() { const chart ActiveSheet.Shapes.AddChart2(251, xlColumnClustered).Chart; chart.SetSourceData(Source:Range(A1:E20)); chart.ChartTitle.Text 视频数据看板; // 添加趋势线 chart.SeriesCollection(1).Trendlines.Add(); }5.3 多平台数据整合同样的方法也适用于其他平台数据采集async function fetchMultiPlatformData() { const platforms [ { name: B站, fetchFunc: fetchBiliFavorites, mediaId: 1017007045 }, { name: YouTube, fetchFunc: fetchYouTubePlaylist, playlistId: PL123456 } ]; const allData []; for (const platform of platforms) { const data await platform.fetchFunc(platform.mediaId); allData.push(...data.map(item ({ ...item, 平台: platform.name }))); } return allData; }在实际项目中我发现将封面图片尺寸控制在80×45像素左右既能清晰显示又不会过度占用表格空间。对于需要长期运行的数据采集任务建议添加完善的日志记录功能方便排查网络波动导致的问题。