一、前言

B站的小伙伴們大家好！我是一名新人up主，前兩周的時候來到b站發布了兩期視頻，收獲了一些粉絲，非常感謝大家的支持，在發布視頻后也是反復的打開個人主頁分析視頻數據，于是發現過程非常的復雜且費時作為一個編程up主?于是呢。。。??想要制作一款能夠粉絲實時計數器桌面應用程序?那我是如何制作呢??剛開始通過使用萬能小助手百度、搜索引擎反復查閱資料?也是驚奇的發現?b站的部分接口數據居然是開放的?也是b站大佬們得專欄下找到了相關接口，實現了功能，接下來看看它有什么功能，我又是如何實現的？

二、功能介紹

關閉窗口

鎖定窗口(禁止窗口移動)

(資料圖片)

關閉窗口

實時獲取up主視頻數據(用戶名、粉絲數、最新視頻數據，比如：標題、在線觀看人數、播放量、投幣、收藏、評論、彈幕、轉發)

三、接口整理

使用接口前我們需要獲取用戶唯一的uid uid也就是接口中的mid?如下圖

'https://api.bilibili.com/x/web-interface/card?mid='?+?mid? ? ? ??獲取up主信息

'https://api.bilibili.com/x/space/wbi/arc/search?mid='?+?mid? ? ??獲取up主視頻列表(可以找到視頻的aid、bvid為其他接口的重要參數)

'http://api.bilibili.com/archive_stat/stat?aid='?+?aid?+?'&type=jsonp'? ?獲取視頻詳細數據(這里的aid參數可以在視頻列表中返回視頻對象中獲取)

'http://api.bilibili.com/archive_stat/stat?aid='?+?aid?+?'&type=jsonp'??獲取視頻cid(為了獲取實時觀看視頻人數)

'https://api.bilibili.com/x/player/online/total?aid='?+?aid?+?'&cid='?+?cid?+?'&bvid='?+?bvid??

獲取視頻實時在線觀看人數(這里需要三個參數aid、cid、bvid)

四、實現思路

electron 分為主線程和渲染進程主線程使用接口向服務器發送請求篩選應用程序需要的數據，然后將數據發送給渲染進程，渲染進程拿到數據后，用原生js操作Dom動態的渲染出來為了讓窗口數據是實時的,我們需要使用定時器定時去調用接口(不要調用太頻繁可能i導致ip會封就會拿不到數據不過封了等幾分鐘又可以拿)

獲取窗口所有數據

主線程發送數據給渲染進程

渲染進程監聽數據后動態渲染頁面