Webduino bit AIoT物聯網電子書_ThingSpeak篇

6-1

ThingSpeak

ސᖒᆩ໴ᆒҁѮ

6-2

ThingSpeak

໴ᆒҁѮᄂሬᅋጛ ᏰಬҬ኿

1.

ᇯᜋջາސᖒᆩ໴ᆒҁѮ

ThingSpeak

2.

Ᏸಬ

ThingSpeak

ҁѮᄂሬᐌӫᐇհၼҢ

IoT

ސᖒᆩᆣӫᅋጛ

6

chapter

ࠉ७ണ࿽ޟᄂհȂᗶณџоആႆᆩၯୈሉᆒ௡ڙȂܖആႆୢ୿ϣଢ଼ᆩॲ᠞ڥሉᆒޟྣ ࡙ȃᕆ࡙ȃπ᝔ᕆ࡙ȃ࡙߫ޟᡐϽȂծીм஠ܚԤ๖ݎ଄ᓃήپо߯ҐپϷݙंـޟђ૖Ȃ ܚоҏണ࿽הఖ૖ᡱ᠞ޱᏰོցҢջາޟ໴ᆒު໢Ȃоׇԙΰक़ሯؑȂဣᄂઍғޟ IoT ސ ᖒᆩȄ

ThingSpeak

ސᖒᆩ໴ᆒҁѮ

6-1

ࠉ७ϱৠᗶณԤϭಝ஠ཐกᏢޟ๖ݎᡗҰܻᆩॲϣଢ଼Ȃծषฒݲ஠ಀӻกၐኵᐃ ΰ༈ڗ໴ᆒȂӔആႆσኵᐃϷݙӨ໶ኵᐃޟᡐϽȂശࡣџоᓍਢആႆᆩၯȂ௃এΡႫ သᓍਢࢥࣼӨ໶ཐกၥਟޟᐣแȂٽԃ஠ྣ࡙ȃᕆ࡙ȃπ᝔ᕆ࡙ȃ࡙߫഍଄ᓃήپȂ о߯ҐپϷݙȂ൷ᆎϚΰ࢐ܚᒝޟސᖒᆩ IoTȞInternet of ThingsȟȄ ڏ ϛ ސ ᖒ ᆩ ҁ Ѯ Ԥ ٲ ሯ ौ Л п ԑ າȂ ђ ૖ ࿋ ณ ၶ ቆ ӒȂ ζ ฒ Њ ӻ ३ ڙȂ ծ ष ѫ དᄂሬΰ༈กၐጛಬȂ࡚ដٺҢջາάᐇհᙏ൐ޟȶThingSpeakȷҁѮȄؐএȶ೽ၾ channelȷȞࣺ࿋டਰӪᆎȟശӻ༉૖ΰ༈ 8 ᆍཐᔖᏢޟ঄ȂଶΟџоඪټყלϽϷݙȂ һџ༘ю၏ಠၥਟȂ೻ᄇܻΙૡ᠞ޱᔖ၎ᆤᆤԤᎷȄषᗙ࢐ϚஊٺҢȂӔཱིቨΙএட ਰ։џȄ

ຝы ThingSpeak ҁѮཱིழဴ

ӵ໠ۖ೻এॎგϞࠉȂॶӑ҆໸ຝыΙএ ThingSpeak ழဴȂ؏᡽ԃήȈ

1

ڗ

ThingSpeak

ᆩમкॲ

ᒯΣᆩ֭ȶhttps://thingspeak.comȷȂ໌ΣᆩમࡣȂࣼڗкॲԃყ 6-1 ܚҰȄष࢐ ෆငຝыོ࣏ষȂޢ௥ࡸΰПޟȶsign inȷิΣȂծष௃ҐຝыႆȂࠌौӑᘈᒵȶGet Started For FreeȷȂо࡚ҳΙএཱིழဴȄ

圖 6-1　ThingSpeak 物聯網平台首頁 1. 輸入網址「 https://thingspeak.com」

已註冊會員由此進入

2. 點擊「Get Started For Free」

2

༲ቸஅҏၥਟ

༲ቸήყࣺᜰၥਟȂE-mail ୛҆༲ቸғጂȂӰ࣏ሯौўܚ༲ޟ E-mail ߬጑ᘈᒵᇯ ᜌ߬ȄۗӪួ՝໸о़М༲ቸȂ༲ׇࡣᘈᔞȶContinueȷ᝷៉Ȃԃყ 6-2 ܚҰȄ 1. 輸入e-mail，務必填寫正確 2. 下拉選單選擇「Taiwan」 3. 姓名欄位請以英文輸入 4. 點擊「Continue」繼續

3

ᇯᜌႫυ໏ӇӴ֭

ڗຝы߬጑ԝڥᇯᜌႫυ໏ӇӴ֭ᇯᜌ߬ӇȂᘈᔞ߬ӇϛޟȶVerify your emailȷ ׇԙᇯᜌȂٮӱڗຝыॲ७ᘈᔞȶContinueȷ᝷៉Ȃԃყ 6-3 ܚҰȄ ThingSpeak寄發認 證電子信箱信件 1. 開啟註冊信箱，點擊認證信件中 的「 完成認證 2. 返回註冊頁面，點擊「Continue」繼續 圖 6-3　ThingSpeak 平台認證電子郵件地址

4

ᒯΣ

ID

ᇄ஝ጆ

User ID ོ ٺ Ң ӵȶAuthorȞ հ ޱ ȟȷȂ ஝ ጆ ौ ؑ 8 ʂ 50 এ ԅ ϯȂ ڏ ϛ Ս Ѝ ौ σȃ ω ቸ ᇄ ኵ ԅ Ө Ι এȄ ༲ ቸ ׇ ౳ ࡣȂ ଄ ு ஠ȶ5 I accept the Online Services AgreementȷϻᒵȂณࡣᘈᔞȶContinueȷ᝷៉Ȃԃήॲყ 6-4 ܚҰȄ

圖 6-4　ThingSpeak 平台輸入 User ID 與密碼 1. 輸入 User ID

3. 勾選「I accept the Online Service Agreement」 2. 輸入密碼，8∼50個字元，其中至少要 大、小寫與數字各一個 4. 點擊「Continue」繼續

5

ׇԙຝыแו

ጂᇯຝыԙђࡣȂོю౪ၚ୰ٺҢҢഊޟຜๅȄ಑ 1 এ୰ᚠᓍ߯ᒵ 3 ʂ 5 ڏϛΙএᒵ ໶։џȂ಑ 2 এ୰ᚠџоϚҢӱ๎Ȃ༲ቸׇࡣᘈᔞȶOKȷ։џׇԙຝыแוȂԃყ 6-5 ܚҰȄ 1. 點擊「OK」確認註冊成功 !UJLFEDPNUX 3. 點擊「OK」完成註冊 3. 點擊「OK」完成註冊 3. 點擊「OK」完成註冊 2. 註冊成功後會出現詢問 用途視窗，第 1 個問題 隨便選第 3∼５其中一 個選項即可，第 2 個問 題可以不用回答 圖 6-5　完成 ThingSpeak 平台註冊程序

ӵ ThingSpeak ҁѮ࡚ҳΙএސᖒᆩ೽ၾ

1

࡚ҳཱི೽ၾȞ

New Channel

ȟ

ᘈᔞȶNew Channelȷ࡚ҳΙএཱི೽ၾȂӵ ThingSpeak ϛȂؐএ channel џоࡾ ۡ 8 এួ՝ȂϷտ࢐ Field 1 ʂ Field 8ȂौӑϻᒵПџ༲Σួ՝ӪᆎȄശΰПޟȶnameȷ ࢐ࡾடਰӪᆎȂ୛҆༲ቸȂڏѺួ՝џࣸ౱Ȅ༲ቸׇ౳ࡣޢ௥௢ڗᆩॲۻήᘈᔞȶSave ChannelȷᓽԆȂԃყ 6-6 ܚҰȄ 1. 點擊「New Channel」， 建立新通道 3. 要先勾選，才可填入 欄位名稱 4. 點擊「Save Channel」， 儲存通道 2. 填入專案名稱（必填） （可不用填） 圖 6-6　建立 ThingSpeak 新通道

2

ጂᇯཱི೽ၾ࡚ҳ

ᓽԆ೽ၾࡣོю౪ყ 6-7 ห७ȂߒҰཱི೽ၾϐငׇԙ࡚ҳȄڏϛ Channel ID ೽ၾ ጡဴ࢐໴ᆒҁѮفಛ౰ҡȂϚོีҡ१ፒȄҐپѫौޣၾ೽ၾጡဴȂ൷џᓍਢࢥࣼᐣѬ ଄ ᓃȂ џ ፒ ᇧȶDescriptionȷ ួ ՝ ᆩ ֭ȶhttps://thingspeak.com/channels/561347ȷȂ ڏϛȶ561347ȷ࢐فಛᓍᐠ౰ҡȂиᐿΙฒΠޟȄ 匯出資料 通道編號 複製此網址 （設定後才會產生） 切換 圖 6-7　完成 ThingSpeak 新通道

ThingSpeak ೽ၾޟ ID ڷ API Key

ThingSpeak ޟؐΙএ೽ၾ഍ԤΙএᜋտጡဴȂᆎ࣏ȶChannel IDȞ೽ၾ IDȟȷȄ ᄇ Ԫ ೽ ၾ ቸ Σ ၥ ਟ ਢȂ Ң И ᆒ ҆ ໸ ඪ ҺȶWrite API KeyȞ ቸ Σ ၥ ਟ ޟ API ጆ ȟȷȂ Ѻ࢐ᐿΙฒΠޟ຺ߝ஝ጆȂհҢࣺ࿋ܻᡛᜌጆȇष API Key ᒿᇲȂ൷ฒݲΰ༈ၥਟڗ Ԫ೽ၾȄϸ඲ڗ೽ၾޟ API Keys ϷॲȂџоَࣼ၇७Ԥڍಢ API KeysȂרঈ༉໸ࡸ ȶCTRL+CȷፒᇧȶWrite API KeyȷޟϱৠȂ೻এϱৠ࡟ོौຮڗᑖУ၇७Ȃԃყ 6-8 ܚҰȄ

561347 通道 ID

若被盜用可產生新的 「Write API Key」

1. 點擊「API Keys」分頁

2. 複製寫入資料所需的 「Write API Key」的內容

http://thingspeak.com/channels/561347

圖 6-8　ThingSpeak 通道的 ID 和 API Key

ȶSharing ӓٴȷϷݙၥਟ

षהఖڏтΡ഍џоࣼڗϷݙၥਟޟϱৠȂौӑϸڗȶSharing ӓٴȷϷॲȂԃ ყ 6-9 ܚҰȂᘈᒵȶ☉ Share channel view with everyoneȞӓٴ๝ؐএΡȟȷȂϚ໸Ӕ ࡸᓽԆጂᇯȄ௥๿ӈդΡѫौᒯΣȶhttps://thingspeak.com/channels/xxxxxȷᆩ֭Ȃڏ ϛ ȶxxxxxȷ൷࢐ Channel ID ጡဴȂ൷џоࣼڗϷݙ๖ݎȄष࢐௴ҢႱ೩঄ȶ☉ Keep channel view privateȞ ༉ ؽ Ρ ᔮ ຜ ȟȷȂ ࿋ տ Ρ ໌ Σ ࡾ ۡ ޟ ᆩ ॲȂ ѫ ོ ᡗ ҰȶThis channel is not publicȞϚ࢐ϴҢȟȷ߬਀ȂฒݲᢎࣼϷݙ๖ݎȂଶߨᄇПޣၾყ 6-8 ޟ Read API Keys ϗ џ ࣼ ڗȄ ष ࢐ ᒵ ᐅȶ ☉ Share channel view only with the following

1. 點擊「Sharing」分頁

2. 點選「Share channel view with everyone 」 共享給每個人 Webduino Bit_IoT Public 公用 Private 私人 561347 圖 6-9　「Sharing 共享」分頁

ThingSpeak ҁѮၥਟϷݙ

1

ࢥࣼᇄও׽ၥਟϷݙყߒ

ࢥࣼϷݙၥਟޟϱৠȂӑϸڗȶPublic ViewȷϷॲȂԃყ 6-10 ܚҰȄ 圖 6-10　「Public View」分頁 1. 點擊「Public View」分頁 目前有21筆資料 3. 選取Type型態下拉選項， 可改變圖表分析樣式 2. 點擊「 」

2

఼ଶᐣѬၥਟ଄ᓃ

࿋ួ՝ޟၥਟЊδؠҢܖ࢐ၥਟ໔ЊӻȂՄభ఼ଶϞࠉᐣѬ଄ᓃȂџࡸȶChannel Settings ʖ Clear Channel ʖ ጂۡȷȄ

3

ϸ඲Սڏтடਰ

षభϸ඲ڗڏтடਰȂџࡸȶChannels ʖ My ChannelsȷȂᘈᒵடਰӪᆎȄषభ ཱིቨڏтடਰȂџࡸȶNew ChannelȷყҰ։џȂԃყ 6-11 ܚҰȄ 切換到其他專案 新增專案 圖 6-11　新增與切換至其他專案

ᇯᜋ ThingSpeak APP

1

Ԋ၆

ThingSpeak APP

षདٺҢЙᐠ APP ޢ௥ࢥࣼ೽ၾϱৠȂ፜ᒯΣȶthingspeakȷᜰᗤԅȄԊ၆ࡣོ ю౪ᜓօଉ਀Ȃ፜ᘈᔞȶNot nowȷȂӑٺҢၐҢގȂ௥๿ࡸȶAdd channelȷܖਠ᜞ ޟёဴȂԃήॲყ 6-12 ܚҰȄ

4 尚未選擇通道編號 3 1 2 輸入「thingspeak」 點擊 點擊 點擊 圖 6-12　安裝 ThingSpeak APP

2

ᒯΣ೽ၾጡဴ

௥๿፜ᒯΣ೽ၾጡဴȂौݧཎ࢐নۖ᠌३ޟ೩࣏ۡϴҢȂौӑϻᒵȶPublicȷȂ ϗџࡸȶSearch ཪ൶ȷȄष࢐ؠԤϻᒵȶPublicȷȂࠌήП API key ሯӔᒯΣᄇПඪټ ޟȶRead API Keysȷ௲᠌஝ጆȂП૖ࡸήȶSearchȷࡸ໖Ȃԃݎײڗ൷џо఼ཿࣼڗ Өួ՝ӪᆎȂԃყ 6-13 ܚҰȄ

2 1

沒有勾選「Public」， API key需輸入 Read API Keys 的授權密碼 1 2 3 各欄位名稱 或 勾選 不勾選 點擊 點擊 點擊

3

ၥਟ؁ཱིᇄᡗҰ೩ۡ

࿋ࡸήѡΰПȶ ȷყҰȂོю౪ȶSettingsȞ೩ۡȟȷȂᘈᔞϞࡣԃήყܚҰȄԃ ݎϚདю౪ശࡣΙ๋ၥਟϱৠȂѫौ஠ȶoverlay charts with last valueȷڥੑϻᒵ։џȇԃݎ ौۡਢ؁ཱིȂ஠ȶAuto refresh chartsȷϻᒵȂณࡣ೩ۡؐႤӻδՌଢ଼؁ཱིȂശࡣࡸጂۡ։џȂ ԃყ 6-14 ܚҰȄ 圖 6-14　資料更新與顯示設定 1 3 2 取消勾選 勾選 點擊 輸入間隔更新時間， 後按確定 新增通道 4

4

ࢥࣼၥਟϷݙყߒ

ց Ң ΰ क़ П Ԓ џ о ཱི ቨ ೨ ӻ ೽ ၾ ጡ ဴȂ ࿋ ᘈ ᒵ ၎ ೽ ၾ ਢȂ ։ џ ࣼ ڗ ശ ཱི ၥ ਟȂ ԃ ყ 6-15 ܚҰȄ 1 最後一筆 資料內容 重新整理 點擊

ThingSpeak

໴ᆒҁѮᄂሬᅋጛ

6-2

ས଩಑Ϥണᄂհ൐ϯȂ஠ DHT11 ኵ՝ྣᕆ࡙ཐกᏢ዁ಢȃπ᝔ᕆ࡙ཐกᏢ዁ಢȃ ໠ีݖϱ࡚ޟ࡙߫ཐกᏢȂᏰಬᐌӫ ThingSpeak ໴ᆒҁѮᄂհᅋጛȂ࿋ณџо᝷៉ቨ ёڏтၥਟȂϚႆौݧཎؐএ೽ၾശӻ༉૖༈ଚ 8 ᆍၥଉȄ

ThingSpeak

໴ᆒސᖒᆩҁѮᐌӫᄂհ

ᏰಬҬޟȈᏰಬᐌӫThingSpeak ໴ᆒސᖒᆩҁѮᄂհᅋጛȄ ᄂհ؅ਟȈ 土壤濕度感測 器模組 1 個 Webduino Bit 開發板 1 片 DHT11 數位 溫濕度感測器 模組 1 個 Webduino Bit 專用 擴充板 1 個 ᄂհႫၯȈ஠DHT11 ኵ՝溫ᕆ࡙ཐกᏢ዁ಢޟ溫࡙ȃᕆ࡙೿௥ܻ P2Ȃ஠π᝔ᕆ࡙೿ ௥ܻP1ȂՄ࡙߫ࠌޢ௥ցҢ໠ีݖϱ࡚ޟ࡙߫ཐกȂႫၯ೿௥ПԒԃήყȄ ▲ 平面接線圖

ᄂհ 6-01

▲ 實體接線圖

▲ 實體接線圖

複製於圖 6-8 ThingSpeak 網頁內容

也可以不加積木

長期觀察，建議等待 60 秒以上

ᆩॲϣଢ଼ୢȈᆩॲϣଢ଼ຜๅҐ໠ంȂฒݲ༈ଚၥਟȄ

ᑖУแԒᇳ݂Ȉ 1. ΰक़ޟȶThingSpeakȷᑖУٮߨۢПᆩમඪټȂ࢐ٺҢȶWebduino ׬೚ଆ፣ޥღ ႀΡݲ៌඼ȷޟՌॏᑖУђ૖Ȅٷוࡸήȶ ʖ ٺҢՌԤᑖУ ʖ ᒯΣȶhttps:// fustyles.github.io/webduino/ThingSpeak_20180401/blockly.jsonȷȂശࡣࡸѡ᜞ȶ༘ Σȷࡸ໖։џȂᐇհಠ࿽џ୤Ꭷᄂհ 3-09 ᇳ݂ȂϸӱᑖУୢȂӵ໌໦ђ૖ۻή൷ ཱོིቨȶThingSpeak ᑖУȷȄ 2. ྣྡ࡙ཐกȃπ᝔ᕆ࡙ཐกȃӎጣཐกޟПԒȂҥܻ໠ۖ୎กᑖУҏ٘൷Ԥۡਢ ᏢȂࣺ࿋ܻฒጏଟ୼ޟΙᆍȂܚоϚौӔܹΣฒጏଟ୼ϞϛȄ 3. ้࡟ਢ໢ϚۣЊ฻Ȃ౳തྣ࡙Ϛџ૖एณ׽ᡐȂՄиٺҢ ThingSpeak ޟҬޟ࢐ߝ ਢ໢ޟᢎᄆȂܚо࡚ដ้࡟ 60 ऌоΰȄ