iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 21
0
Modern Web

菜鳥前端奮鬥史(欸?系列 第 21

Day21 「使用網頁等公車」 ─ 尋找 api 去囉!

  • 分享至 

  • xImage
  •  

公共運輸整合資訊流通服務平台 - 資料庫服務查詢

這就是我們今天的主角, open data api

我們預期「等公車」系統應該要有

  • 公車路線查詢
  • 公車到站時間查詢

兩個主要功能

由於小菜鳥是台中人,故我們取用「臺中市政府交通局」的資料
https://ithelp.ithome.com.tw/upload/images/20180110/201076402GIaJVozGE.png

在找到想取用的 api 之後,首先我們先點進說明裡面
看看這份 api 能提供我們什麼樣的資料能做到哪些功能

我們預計取用公車路線資料 api 中的這些資料

https://ithelp.ithome.com.tw/upload/images/20180110/20107640OZS0LuvdOs.png

這邊不得不說政府公共運輸整合資訊流通服務平台的後端資料庫整理得很好
可以在下方的
https://ithelp.ithome.com.tw/upload/images/20180110/20107640Rw6jUeMlf5.png
去做資料的篩選 (可以在這邊就使用 filterorderby 等功能,再之後的文章會詳敘)

在這裡我們可以使用預設 $top 功能,取得 30筆 台中公車路線資料
https://ithelp.ithome.com.tw/upload/images/20180110/20107640iImYxrjR7H.png
這邊要說一下,雖然預設網址是 http ,不過這個 api 其實是有支援 https 的,請自己手動加上 s 即可服用)

其實我一開始也不清楚台中公車路線的總數到底有幾筆,於是就慢慢試總數的數字
最後得知 台中公車路線總數是292,但為了保險起見,我們就撈300筆路線資料好了
https://ithelp.ithome.com.tw/upload/images/20180110/20107640VGlP5g63Ec.png

「使用一筆路線資料只有一個的名稱來搜尋共有幾筆路線,這邊是使用 DepartureStopNameZh(起站中文名稱)」

當然這個方法很笨,一定有更好的方式
不過對於笨蛋來說,先能做出來的就是好方法了 /images/emoticon/emoticon38.gif

細心一點的觀眾可能會發現,其實這個篩選過程是後端透過網址產生資料的時候賦予的

https://ptx.transportdata.tw/MOTC/v2/Bus/Route/City/Taichung?$top=300&$format=JSON
https://ithelp.ithome.com.tw/upload/images/20180110/20107640uBMoFjvOCC.png

那這樣子有什麼好處呢?

賣個關子,我們後面的篇章再來談吧! /images/emoticon/emoticon33.gif


>>隊友任意門<<

我是小菜鳥阿陰,我們下次見!


上一篇
Day20 「使用網頁等公車」 ─ 台中公車動態系統 - 序
下一篇
Day22 「使用網頁等公車」 ─ 從 AJAX 開始的 api 串接之旅
系列文
菜鳥前端奮鬥史(欸?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
阿陰
iT邦新手 4 級 ‧ 2018-01-15 21:54:22

翻了下以前寫的 quip 文件,發現一些自己當時做的筆記
就先把它丟上來好了
https://ithelp.ithome.com.tw/upload/images/20180115/20107640qlOFpAnE40.png

0
xssupp
iT邦見習生 ‧ 2019-04-26 14:55:29

阿陰你好 我有些公車借接的問題想請教!
因為我不是這個網站的愛用者 方便用mail聯繫嗎?
其實應該是說 我們公司要接一個案子 但案子裡面有包公車借接的程式 所以我想與您接洽
我的mail

七零年代設計整合
xssuppp@gmail.com
柯政達 0925171853

我要留言

立即登入留言