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

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

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

可能很多朋友都是從STM32疫情監(jiān)控、STM32疫苗監(jiān)控這兩個項目開始關(guān)注我的，其實獎牌榜獲取和這兩個是一樣的原理，都是通過STM32驅(qū)動ESP8266連接網(wǎng)絡，然后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ù)預處理

• 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