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