東京奧運(yùn)會(huì)可以說是奧運(yùn)會(huì)歷史上最特殊的一屆,推遲一年、沒有觀眾、環(huán)保奧運(yùn)等。為了能實(shí)時(shí)關(guān)注獎(jiǎng)牌榜,周末在家使用STM32 ESP8266做了一個(gè)東京奧運(yùn)會(huì)獎(jiǎng)牌榜桌面小擺件,最終效果如下:原理就是通過STM32驅(qū)動(dòng)ESP8266連接網(wǎng)絡(luò),然后GET接口,讀取到接口返回的JSON數(shù)據(jù),然后進(jìn)行JSON解析,LCD顯示,使用不同的接口就是不同的功能。和之前不同的是,以上兩個(gè)API接口返回的數(shù)據(jù)都非常簡(jiǎn)短,只有幾百字節(jié),而獎(jiǎng)牌榜接口返回的數(shù)據(jù)有20KB之多,使用STM32不能一次處理這么多的數(shù)據(jù)量,本文采用了一種簡(jiǎn)單的方法來進(jìn)行數(shù)據(jù)截取,從而減少數(shù)據(jù)量。都有哪些內(nèi)容?- API接口獲取
- JSON數(shù)據(jù)預(yù)處理
- JSON數(shù)據(jù)解析
- 顯示效果
API接口獲取
在進(jìn)行開發(fā)之前,首先要找到一個(gè)API接口,請(qǐng)求方式最好是GET,返回?cái)?shù)據(jù)格式JSON格式的。先上網(wǎng)搜一下,發(fā)現(xiàn)已經(jīng)有很多網(wǎng)友實(shí)現(xiàn)獎(jiǎng)牌榜數(shù)據(jù)獲取的功能,使用的大多是:Python、Java、PHP,使用的語言無所謂,重要的API接口是否是我們想要的,最終找到了兩個(gè)API接口。第一個(gè)接口是央視網(wǎng)官方的東京奧運(yùn)專題頁(yè)面:網(wǎng)址如下:
http://2020.cctv.com/medal_list/index.shtml
F12打開開發(fā)者模式,可以找到頁(yè)面請(qǐng)求的API地址:這個(gè)接口返回的數(shù)據(jù)量有11KB,格式化后有24KB,JSON數(shù)據(jù)格式(部分):可以看到數(shù)據(jù)比較齊全,包括排名,金、銀、銅、合計(jì)獎(jiǎng)牌總數(shù),國(guó)家ID,國(guó)家名稱為UTF-16BE編碼方式,而開發(fā)板上的字庫(kù)為GBK編碼,這一點(diǎn)不好處理。看看還有沒其他的接口。第二個(gè)接口是我的小米手機(jī)負(fù)一屏界面呈現(xiàn)的奧運(yùn)獎(jiǎng)牌榜,類似于這種:可以跳轉(zhuǎn)到瀏覽器打開:http://act.e.mi.com/olympic/index.html
F12打開開發(fā)者模式,可以找到請(qǐng)求的API地址:這個(gè)接口返回的數(shù)據(jù)有21KB,格式化后有33KB,
JSON數(shù)據(jù)格式(部分):
mi_json這個(gè)接口返回?cái)?shù)據(jù)比較豐富,同樣數(shù)據(jù)量相比于央視網(wǎng)的要大一些,除了獎(jiǎng)牌數(shù)量排名等信息,還包括每個(gè)國(guó)家的國(guó)旗圖片地址,更新時(shí)間等。國(guó)家名稱為UTF-8編碼,要在我們的開發(fā)板上進(jìn)行使用需要進(jìn)行UTF8-GBK的轉(zhuǎn)換。綜上,我們就獲取到了兩個(gè)API接口的信息:奧運(yùn)獎(jiǎng)牌榜央視API接口:TYPE:?"TCP"
PORT:?"80"
IP??:?"111.206.176.78"
API?:?"http://api.cntv.cn/olympic/getOlyMedals?serviceId=pcocean