api全名:Application Programming Interface,應用程式介面
當前端工程師在設計畫面上物件的功能時需要使用到後端資料時,會使用到api做一個介面的連接去抓取特定封包上所需要的資料。
這次我想要介紹一下在練習天氣app時,設定了一個簡單的api去氣象預報資訊開放平台上抓取天氣app介面上所需的所有資料。
先到氣象資料開放平台https://opendata.cwa.gov.tw/index
我們這次要做的是未來七天台灣各地的天氣預報,所以找到這個選項
註冊一下並登入取得授權碼
並到點擊資料擷取的選項進入到擷取api的畫面
按下try it 輸入剛剛取得授權碼
按下execute 一筆筆的資料就顯示出來囉!!!
當我們發出了api請求時,伺服器(天氣資訊開放平台後端)會回覆一Response
這裡簡略用黃色刮出了使用到的陣列這張圖很清楚看到每個陣列都包裹著1~複數個物件!
這裡只用藍色框出了parameter這個物件,但其實time、weatherElement、loction都是既是含有複數個屬性的物件所以在撰寫response時,我們要在每個物件({})建立一個class,在有list([])屬性的物件的class裡建立list,寫法是這樣:
public class WeatherResponse {
public Records records;
public class Records{
public List<Location> location;
}
public class Location{
public String locationName;
public List<WeatherElement> weatherElement;
}
public class WeatherElement {
public String elementName;
public List<Time> time;
}
public class Time {
public Parameter parameter;
}
public class Parameter{
public String parameterName;
public String parameterUnit;
}