一、前言

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

二、功能介紹

關(guān)閉窗口

鎖定窗口(禁止窗口移動(dòng))

(資料圖片)

關(guān)閉窗口

實(shí)時(shí)獲取up主視頻數(shù)據(jù)(用戶名、粉絲數(shù)、最新視頻數(shù)據(jù)，比如：標(biāo)題、在線觀看人數(shù)、播放量、投幣、收藏、評(píng)論、彈幕、轉(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'? ?獲取視頻詳細(xì)數(shù)據(jù)(這里的aid參數(shù)可以在視頻列表中返回視頻對(duì)象中獲取)

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

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

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

四、實(shí)現(xiàn)思路

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

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

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

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