一、前言
B站的小伙伴們大家好！我是一名新人up主，前兩周的時候來到b站發(fā)布了兩期視頻，收獲了一些粉絲，非常感謝大家的支持，在發(fā)布視頻后也是反復(fù)的打開個人主頁分析視頻數(shù)據(jù)，于是發(fā)現(xiàn)過程非常的復(fù)雜且費時 作為一個編程up主?于是呢。。。??想要制作一款能夠粉絲實時計數(shù)器桌面應(yīng)用程序?那我是如何制作呢??剛開始通過使用萬能小助手 百度、搜索引擎反復(fù)查閱資料?也是驚奇的發(fā)現(xiàn)?b站的部分接口數(shù)據(jù)居然是開放的?也是b站大佬們得專欄下找到了相關(guān)接口，實現(xiàn)了功能，接下來看看它有什么功能，我又是如何實現(xiàn)的？
二、功能介紹
關(guān)閉窗口
鎖定窗口(禁止窗口移動)
(資料圖片)
關(guān)閉窗口
實時獲取up主視頻數(shù)據(jù)(用戶名、粉絲數(shù)、最新視頻數(shù)據(jù)，比如：標(biāo)題、在線觀看人數(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'? ?獲取視頻詳細(xì)數(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導(dǎo)致ip會封就會拿不到數(shù)據(jù) 不過封了等幾分鐘又可以拿)
獲取窗口所有數(shù)據(jù)
主線程發(fā)送數(shù)據(jù)給渲染進程
渲染進程監(jiān)聽數(shù)據(jù)后動態(tài)渲染頁面
五、代碼地址
gitte地址：https://gitee.com/ff2266/fans-real-time-counter/tree/master
注意：如何啟動看README.md文件
標(biāo)簽：
功能介紹
最新視頻
在線觀看
ELECTRON
如何制作
HTTPS
TYPE
應(yīng)用程序
搜索引擎
HTTP
小伙伴們
