UserID: 

 Last logged in: 


Blog IoTtweet.com



[NodeMCU vs IoTtweet dashboard] วิธีส่งข้อมูลจาก Node MCU ไปแสดงผลบน IoTtweet dashboard เบื้องต้น

Isaranu, 2016.Sep.28


NodeMCU vs iottweet

สวัสดีทุกคนที่กำลังสนใจและศึกษาการส่งข้อมูลจาก Internet of Things ไปยังเว็บไซต์บริการเก็บข้อมูลแบบ cloud
(ต่อไปผมจะเรียก Internet of Things สั้นๆว่า IoT นะครับ) ถ้าใครเคยได้ลองศึกษาทางด้านนี้ก็คงจะเคยได้อ่านบทความ
การส่งข้อมูลผ่านทาง Internet ไม่ว่าจะเป็นการส่งค่า อุณหภูมิ และ ความชื้น จากเซนเซอร์ยอดนิยมอย่าง DHT ไปยัง Thingspeak.com

วันนี้ผมจะมาสอนวิธีการส่งข้อมูลจาก IoT device ไปยังเว็บ IoTtweet.com นะครับ ซึ่งใน IoTtweet.com นี้ จะมีจอแสดงผล (Dashboard)
ให้ดูเป็นแบบ Line chart, Bar chart และ Gauge วัด ที่สามารถปรับแต่งหน้าตาได้ตามต้องการ (อันนี้จะไว้มาเขียนบทความการใช้งานให้อีกทีนะครับ)

เรามาเริ่มกันเลยดีกว่า มาดูกันก่อนว่า เราจะต้องเตรียมอะไรกันบ้างครับ

[สิ่งที่ต้องจัดเตรียมก่อนเริ่ม]
1.User account IoTtweet
- แน่นอนครับว่าต้องมี User account ของเว็บ IoTtweet ก่อน, ว่าแล้วก็เข้าไป Sign up ได้เลยครับ. หลังจาก Sign up แล้ว อย่าลืมตามไป Verify activation e-mail ด้วยนะครับ
(ถ้าหาใน Inbox ไม่เจอ, ลองดูตามใน Junk mail ก็ได้ครับ บางทีก็เข้าไปอยู่ในนั้น)
- หลังจาก activate แล้ว, ให้เข้าไปที่หน้าเว็บ IoTtweet.com ครับ Login ให้เรียบร้อย แล้วไปที่ Dashboard คลิกที่ปุ่ม “My IoT garage” ด้านบนครับ.
- กรอกข้อมูล device ของเราให้เรียบร้อย ชื่อ IoT, ชื่อ Model ที่ใช้ แล้วก็กด Add เพื่อทำการเพิ่มเข้าไปในโรงเก็บ IoT ของเราครับ
* สังเกตว่า จะมี key ที่ทางเว็บ สร้างขึ้นมาให้ เดี๋ยวเราจะเอาไว้ใช้ใน code ของ Arduino IDE นะครับ

ปุ่ม My IoT garage.
NodeMCU vs iottweet
เพิ่มอุปกรณ์ IoT เข้าไป
NodeMCU vs iottweet
อุปกรณ์ของเราจะเข้ามาในลิสต์แล้ว
NodeMCU vs iottweet
กลับมาที่หน้า Dashboard ก็จะเห็นอุปกรณ์ พร้อมใช้งาน
NodeMCU vs iottweet
2.Node MCU board
- ในตัวอย่างนี้ จะใช้งาน Node MCU v0.9 นะครับ มาพร้อมกับ ESP8266 WiFi module ESP-12

NodeMCU vs iottweet
3.เครื่องคอมพิวเตอร์ ลง Arduino IDE

4.ไฟล์ IoTtweet.h Library
- IoTtweet.h Library สามารถดาวน์โหลดได้จาก github:IoTtweet library ครับ (เข้าไปดาวน์โหลดแล้ว ให้กำลังใจด้วยการกด star ให้ด้วยนะครับ)

[ขั้นตอนการติดตั้ง Library]
ในการใช้งานนี้ จำเป็นจะต้องมีการลง Library ใน Arduino IDE ไว้ 2 ตัวนะครับ คือ IoTtweet.h และ ESP8266WiFi.h ถ้าเครื่องใครเคยลง ESP8266WiFi.h แล้ว ก็ข้ามขั้นตอนนี้ได้เลย

** การติดตั้ง ESP8266WiFi.h **
1. เปิด Arduino IDE software, แล้วไปที่ Preferences
2. ในช่อง Board manage urls, ให้ใส่ link นี้ลงไป

http://arduino.esp8266.com/stable/package_esp8266com_index.json

เสร็จแล้วกด OK.
3. ปิดโปรแกรม Arduino IDE แล้วเปิดขึ้นมาใหม่
4. ไปที่ Tool > Boards > Boards Manager, แล้วเลื่อนลงมา หา package ที่ชื่อ “esp8266 by ESP8266 community”. จากนั้นกด Install ครับ
5. Install เสร็จแล้ว ก็ปิด แล้วก็เปิด Arduino IDE ใหม่อีกรอบ เป็นอันเสร็จสิ้นกระบวนการ ตอนนี้เราก็จะเห็นว่าใน Example
จะมีตัวอย่าง code ของ ESP8266 เข้ามาแล้ว รวมไปถึงในรายการอุปกรณ์ ก็มีชื่อบอร์ดต่างๆเพิ่มเข้ามาด้วย

** การติดตั้ง ArduinoJson.h **
1. เปิด Arduino IDE software, แล้วไปที่ Sketch > Include Libraries > Manage Libraries
2. ค้นหา "ArduinoJson.h" libraries, แล้วกด Install ได้เลยครับ

** การติดตั้ง IoTtweet.h **
1. หลังจากดาวน์โหลดไฟล์ Library package IoTtweet จาก github มาแล้ว, ให้ Extract ไฟล์ลงในเครื่องคอมพิวเตอร์
2. ในโฟลเดอร์ src, ให้ copy โฟลเดอร์ชื่อ IoTtweet ไปวางไว้ที่ Arduino > libraries ในเครื่องคอมพิวเตอร์ของเรา
(ในโฟลเดอร์ IoTtweet จะมีไฟล์ 2 ตัว ชื่อ IoTtweet.h และ IoTtweet.cpp)

NodeMCU vs iottweet
เอาล่ะ, ติดตั้ง Library เสร็จเรียบร้อยแล้ว ก็กลับมาที่ไฟล์ที่ดาวน์โหลดจาก github กันนะครับ ในนั้นจะมีตัวอย่างของโค้ดอยู่ 2 ไฟล์ คือ
WriteToDashboard.ino และ ControlMyIoT.ino ครับ ในตัวอย่างนี้ จะใช้ไฟล์ WriteToDashboard.ino นะครับ ว่าแล้วก็เปิดไฟล์นี้ใน Arduino IDE ได้เลย

NodeMCU vs iottweet
สำหรับค่าต่างๆที่จะต้องกรอกลงไปในไฟล์นี้ เพื่อให้เป็นอุปกรณ์ของเรา ก็มีดังนี้ครับ
SSID – ชื่อ WiFi network ที่เราต้องการเชื่อมต่อ
Password – รหัสผ่านเข้า WiFi ที่เราจะเชื่อมต่อ
userID – เลข User ID จาก IoTtweet.com ซึ่งสามารถดูได้จาก มุมบนขวาของหน้าเว็บไซต์ครับ เป็นตัวเลข 6 หลัก ต้องกรอกให้ครบนะครับ ถึงแม้จะเป็นเลข 0
key – นี่ละครับ, key ที่เราได้จากการลงทะเบียน IoT device ของเราใน “My IoT garage” เอามากรอกลงตรงนี้เลยครับ
key นี้จะเป็นรหัสเฉพาะตัวสำหรับอุปกรณ์ IoT device แต่ละตัวที่เราลงทะเบียนไว้ในโรง IoT ของเราครับ

NodeMCU vs iottweet
หลังจากเปลี่ยนค่าต่างๆด้านบนแล้ว ก็ทำการ Upload code ไปยังอุปกรณ์ เราก็เลือกอุปกรณ์ให้ตรงตามที่เราเชื่อมต่อไว้นะครับ.

[ดู data ของเรา ที่ Dashboard]
หลังจากที่เรา upload code ลง Node MCU แล้ว เราก็ปล่อยให้มันรันไปเรื่อยๆ ในตัวอย่าง sketch file จะทำการ delay 15 วินาที ทุกๆการส่งค่าครับ
ส่วนค่าที่ส่งไป data0 ถึง data 3 จะใช้การ random เลขขึ้นมา ตรงนี้เวลาเอาไปใช้จริง เราก็เปลี่ยนเป็นค่าที่เราต้องการได้ทันทีครับ
ส่วน tweet message ก็เช่นเดียวกัน เราต้องการให้ข้อความใดไปแสดงผล ก็แก้ไขได้เช่นกันครับ
(เวอร์ชั่น Dashboard 2.0 ตอนนี้ ยังไม่รองรับ Blank space ระหว่างคำนะครับ ถ้าจะเว้นวรรค, ให้ใส่ %20 ลงไปครับ)

ใน Dashboard เราก็จะเห็นกราฟแสดงค่าล่าสุด 30 จำนวนที่ส่งไปครับ เท่านี้ก็เป็นอันเรียบร้อย

NodeMCU vs iottweet
NodeMCU vs iottweet
ลองใช้งานกันดูนะครับ
ใครติดปัญหาอะไร สามารถสอบถามได้ใน ถามตอบ ด้านล่างนี้เลยครับ

IoTtweet.com
- Support team -