03物聯訂閱

本文參考 「wf8266 物聯訂閱」http://wf8266.com/wf8266r/tutorials/42_ThingHTTP.aspx

這單元Transformer2.0所使用到的積木，如下：

其實這方面的積木，我覺得 WFduino更強

我特別喜歡它的「雲端資料JSON」的功能，希望Transformer能很快出現JSON的積木！！

題目一： 訂閱台灣加權指數

  1. 在開始使用Transformer 2.0之前，先登入thingspeak(https://thingspeak.com/)，有關此網站，我們在01DHT11溫濕度的「題目三：將溫濕度值上傳到Thingspeak」有做了了簡易的介紹，這次我們要使用的是它ThingHTTP的功能：
    • 登入網站後，點選上方的Apps，再移到該頁的最右下角，點選 ThingHTTP
    • 建立一個新的ThingHTTP
      • 參考Example來做一個「台灣加權指數」的ThingHTTP
      • 1.反白「加權指數」、2.按右鍵，點擊「檢查」
      • 在反白處按右鍵/Copy/Copy XPath
      • 會得到路徑（//*[@id="ref_9947405_l"]），再回到 ThingHTTP畫面，並貼回 ThingHTTP 中 Parse String 即可，完成後，按「Save ThingHTTP」
      • 注意：有些網站的資料是動態載入的，因此無法正常使用！只有靜態的網頁才能使用 XPath 功能！
  1. 接下來啟動Transformer 2.0
    • 本題目不必使用 Arduino 等硬體
    • 啟動Transfor­mer v2.0程式 （請參閱前面說明）
      • 因不使用硬體，所以介面選「不使用 arduino (default)」
      • 檔案選「自動開啟「含網路積木」）
    • 進入Scratch2.0程式（離線版），並且發現s2a_fm出現「綠燈」，連線成功！
  2. Scratch 2.0程式
    • 舞台說明：
      • 呈現啟動的時間與那時的加權指數
      • 每10秒，取一次加權指數的值，並畫在舞台上，同時會顯示時間、指數及漲跌值（漲時畫紅線；跌時畫綠線）
      • 當移動到右邊（X軸＞230）時，清除畫面，一切重來！
      • 程式說明：
      • 利用GET取得ThingHTTP的加權指數資料
      • 每10秒X軸增加5個像素，如果要精細一點，可調整等待時間及減少移動像素
      • 製作一個畫三條線的積木

程式就是這麼簡單，當然你也可以去設定其他資料（如個股、漲跌...）的ThingHTTP，然後利用GET的功能去取得這些資料！！

題目二： 訂閱下週油價漲跌值

  1. 這個題目與題目一一樣，先利用ThingHTTP設定好相關資訊，然後利用Transformer的GET積木去取得下週油價的漲跌值
  2. 到「浮動油價漲跌監測 - 中油油價查詢及國際油價走勢 - GoodLife好生活」的網站（https://gas.goodlife.tw/）去查詢油價的相關資訊
    • 作法與題目一一樣，先將「需要的資訊」反白，然後按「右鍵」，點選「檢查」
      • 在反白處按右鍵/Copy/Copy XPath
      • 會得到路徑（//*[@id="gas-price"]/ul/li[3]/h2），同題目一的作法再去新增一個 ThingHTTP，並並將上述路徑貼回 ThingHTTP 中 Parse String 即可，完成後，按「Save ThingHTTP」
      • 注意：有些網站的資料是動態載入的，因此無法正常使用！只有靜態的網頁才能使用 XPath 功能！
  1. 接下來啟動Transformer 2.0
    • 本題目不必使用 Arduino 等硬體
    • 啟動Transfor­mer v2.0程式 （請參閱前面說明）
      • 因不使用硬體，所以介面選「不使用 arduino (default)」
      • 檔案選「自動開啟「含網路積木」）
    • 進入Scratch2.0程式（離線版），並且發現s2a_fm出現「綠燈」，連線成功！
  2. Scratch 2.0程式
    • 這邊就讓大家發揮創意吧！利用GET積木，就能很快取得「下週油價的漲跌值」

結論：