東京奧運(yùn)會(huì)可以說(shuō)是奧運(yùn)會(huì)歷史上最特殊的一屆，推遲一年、沒有觀眾、環(huán)保奧運(yùn)等。從7月23日開幕至今，已經(jīng)過(guò)去了16天，截至8月7日下午17點(diǎn)，中國(guó)以38金，29銀，17銅的成績(jī)位居榜首，緊隨其后的是美國(guó)和日本。

明天（8月8日）將是本節(jié)奧運(yùn)會(huì)最后一天，希望中國(guó)能保持住第一的位置，為奧運(yùn)健兒加油！

為了能實(shí)時(shí)關(guān)注獎(jiǎng)牌榜，也為了發(fā)（shui）一篇文章，周末在家使用STM32 ESP8266做了一個(gè)東京奧運(yùn)會(huì)獎(jiǎng)牌榜桌面小擺件，最終效果如下：

可能很多朋友都是從STM32疫情監(jiān)控、STM32疫苗監(jiān)控這兩個(gè)項(xiàng)目開始關(guān)注我的，其實(shí)獎(jiǎng)牌榜獲取和這兩個(gè)是一樣的原理，都是通過(guò)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)單的方法來(lái)進(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，使用的語(yǔ)言無(wú)所謂，重要的是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ù)格式（部分）：

這個(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