一個開源的LoL對戰狀態查詢器 – Game in Progress

其實我在開發 LoLSpectX 做資料搜集的時候,就已經發現了這個開源的 LoL對戰狀態查詢器。 這個查詢器是一個網頁 使用了 HTML , CSS 和 JS 寫成的,介面簡單,實用方面就見仁見智。 這個網頁是開源的,有興趣開發戰績查詢網的朋友可以看看~ 2

    服務名稱 : Game in Progress 網址 : http://codepen.io/brunorcunha/pen/KIBtn 支援伺服器:所有(除了 Garena 和 韓服)

這個主要用 JS 寫成的網頁的功能並不是很多 : 對戰狀態查詢和查看召喚師的資料(其實只是把你帶到LoLKing)。對於想開發類似程式的新手開發者很有幫助。

原理解剖 :

其實這個查詢器的原理跟 LoLSpectX 中的個人對戰觀戰功能一樣,也是使用 host 在 MashApe 上的 LoL API 來進行召喚師的狀態查詢,然後把查詢到的 JSON類型 資料讀取和拆掉,再顯示結果;而打開 LoLKing 查看召喚師記錄的原理是把取得的召喚師 ID ,直接在 LoLKing 上查詢,例如:

召喚師 ID :123456 伺服器 : 美服 LoLKing 查詢網址: www.lolking.net/na/123456

 

 原始碼:

HTML : 

 JavaScript :

 CSS : 

 希望這篇文章能幫助一些 HTML , JS 和 CSS 新手,更加容易明白如何拆 JSON 類型的資料。