App / 使用App Inventor 製作取得公車到站時間的App

有什麼趣味？紀錄自己生活的趣味

App / 使用App Inventor 製作取得公車到站時間的App

Post author:莊幸諺
Post published:2024-02-24
Post category:App

文章索引

Post Views: 2,759

這個App單純是懶得在台灣等公車多按幾下

想直接秀出下班要搭的278公車到站時間

模擬器的操作畫面

備註：因為是在星期六錄的，區間車沒營運，只有全程車的資料

公車到站資訊可以在交通部運輸資料流通服務網站找到API

這個可以參考#155 開發每天都會用的公車 App

先在Google Apps Script 測試

程式碼是直接套用TDX網站提供的範例，透過範例來瞭解API串接流程

需要修改的部分是 CLIENT_ID、CLIENT_SECRET、url

TDX網站中串接API的說明

var CLIENT_ID = '<YOUR CLIENT ID>';
var CLIENT_SECRET = '<YOUR CLIENT SECRET>';

function doGet(e) {
  var url = 'https://tdx.transportdata.tw/api/basic/v2/Rail/TRA/LiveBoard/Station/1000?$filter=Direction eq 1&$format=JSON'
  var options = {
      "method": "get",
      "headers": { "authorization": "Bearer " + GetAuthorizationToken() }
  };
  var response = UrlFetchApp.fetch(url, options);
  // console.log(response.getResponseCode());
  var outData = JSON.parse(response.getContentText());
  console.log(outData);
  return ContentService.createTextOutput(JSON.stringify(outData)).setMimeType(ContentService.MimeType.JSON);
}

function GetAuthorizationToken() {
  var token_url = "https://tdx.transportdata.tw/auth/realms/TDXConnect/protocol/openid-connect/token";
  var options = {
      "method": "post",
      "headers": {
          "content-type": "application/x-www-form-urlencoded"
      },
      "payload": {
          "grant_type": "client_credentials",
          "client_id": CLIENT_ID,
          "client_secret": CLIENT_SECRET
      }
  };
  var response = UrlFetchApp.fetch(token_url, options);

  outData = JSON.parse(response.getContentText());
  // console.log(outData);
  return outData['access_token'];
}