一、前言

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

二、功能介紹

關(guān)閉窗口

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

(資料圖片)

關(guān)閉窗口

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

三、接口整理

使用接口前我們需要獲取用戶唯一的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為其他接口的重要參數(shù))

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

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

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

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

四、實現(xiàn)思路

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

獲取窗口所有數(shù)據(jù)

主線程發(fā)送數(shù)據(jù)給渲染進程

渲染進程監(jiān)聽數(shù)據(jù)后動態(tài)渲染頁面