วิธีส่ง Push Notification ด้วย ESPresso Lite

30 Dec 2015 วิธีส่ง Push Notification ด้วย ESPresso Lite

บทความนี้จะมาพูดถึง Push Notification บางคนอาจจะงงว่ามันคืออะไร เอาง่าย ๆ ถ้าใครเคยใช้ Facebok หรือ Line แล้วเวลามีคนมากด Like , Comment หรือมีคนส่งข้อความมา จะมีข้อความแจ้งเตือนขึ้นมาในโทรศัพท์เรา …. อันนั้นแหละครับคือ Push Notification ซึ่งประโยชน์ของมันก็คือการแจ้งเตือนต่าง ๆ นั่นเอง ในงานพัฒนาด้าน IoT ถ้าเราอยากจะส่ง Push Notification ก็จะต้องไปศึกษาการเขียน App บนมือถือ และพัฒนาระบบ Push Notification ซึ่งค่อนข้างยุ่งยากพอสมควร ทาง ESPert ก็เลยพัฒนา Mobile App และ Cloud เพื่อให้เราสามารถส่ง Push Notification ผ่าน HTTP GET ได้เลย ในบทความนี้เราจะเน้นการใช้งานบน iOS เป็นหลักนะครับ เพราะว่าเราไม่มี Android ฮ่า ๆ

การติดตั้ง ESPert บน iOS

1.ใช้โทรศัพท์เข้าไปดาวน์โหลด App ได้ที่ https://www.thaigw.com/apps/espert

IMG_1966

2. กดที่ iOS แล้วเลือก Install

IMG_1967

3. หลังจากติดตั้งเสร็จให้เข้าไปที่ Settings > General > Profiles & Device Management > CLICK CONNECT COMPANY  แล้วกด Trust “CLICK CONNECT COMPANY”

IMG_1969

4. เมื่อเปิด App ครั้งแรกต้อง Allow ให้ใช้งาน  Push Notifications ด้วย

IMG_1970
5. สามารถ Login เข้าใช้งานระบบได้เลย  โดยใช้ User เดียวกับเว็บ espert.io  ถ้าใครยังไม่มี User ให้ไปสมัครได้ที่ https://www.espert.io/user/register  แนะนำให้สมัครด้วย E-Mail และ Password ครับ

IMG_1965

6. เมื่อ Login แล้วจะได้หน้าเปล่า ๆ แบบนี้  ถือว่าตั้งค่าบนโทรศัพท์เสร็จเรียบร้อยครับ

IMG_1977

ทดสอบการทำงานของ Push Notification

ถ้ามีการติดตั้ง App และ Login บนโทรศัพท์อย่างถูกต้อง  เวลา Login เข้าไปใช้งาน ESPert.io จะเจออุปกรณ์ของเราอยู่ในเมนู  Smart Phone ครับ
epsert_cloud_ios

จากนั้นกดที่ปุ่มสายฟ้าสีเขียวได้เลย  จากนั้นให้พิมพ์ข้อความที่ต้องการส่งในช่อง Message แล้วกด Send

epsert_ios_push_2

ถ้าไม่มีอะไรผิดพลาด  ที่มือถือเราก็จะมี Notification ขึ้นมาครับ

IMG_1978

ทดลองส่ง Push Notification ด้วย ESPresso Lite

ESPresso Lite  จะมีตัวอย่างสำหรับการส่ง Push Notification ด้วยการกด Button ลองเปิดตัวอย่างนี้ทดสอบดูครับ

push_button

จากนั้นแก้ไขโค้ด Message และ Key ให้เป็นข้อมูลของเรา  ซึ่ง Key สามารถดูจาก  URL ของเว็บตอนที่เราทดสอบส่ง Push Notification ผ่านเว็บ

String message = “Hello from ESPresso Lite!“;
String smartphone_key = “573331117545xxxx“;

จากนั้นลองทดสอบกดปุ่มบนบอร์ด ESPresso Lite ดูครับ  ถ้าสำเร็จจะต้องมี Push Notification ขึ้นมาในมือถือ

Comments

comments