Ionic FrameworkPhoneGap/Cordova

รู้จักกับ Touch ID ใน iOS 8 + วิธีใช้กับ PhoneGap/Cordova

เรื่องที่เกี่ยวข้อง - , , ,

บทความนี้โค้ชพลเขียนไว้แบ่งปันในซีรี่ยส์ “ล้ิมลอง PhoneGap/Cordova Plugin” นะ

รู้จักกับ Touch ID

Apple Touch ID

เคยเห็นเครื่องสแกนลายนิ้วมือในหนังไหมครับ?

ถ้าไม่ใช่ในหนัง อาจจะเป็นประตูเข้าที่ออฟฟิศ หรือไว้ลงชื่อเข้าออกงาน ก็น่าจะพอเห็นอยู่

ระบบยืนยันตัวตนด้วยลายนิ้วมือถูกยกย่องว่าเป็นหนึ่งในระบบความปลอดภัยที่ดีที่สุดตัวหนึง (ถ้าไม่นับการตัดนิ้วเจ้าของมานะ อึ๋ย)

ทีนี้มันเป็นเรื่องน่าตื่นเต้นตรงที่ว่า บริษัท Apple ได้เอาระบบยืนยันดังกล่าวมาใส่ในสินค้าของตัวเอง นั่นคือ iPhone ตั้งแต่รุ่น 5s เป็นต้นมา

แรกๆ ดูเฉยๆ เอาไว้ปลดล๊อคเครื่อง ต๊ายยยย! โดยคู่แข่งข่มกันทั้งโลก แถมยังทำระบบเดียวกันออกมากันเฮฮา เพื่อจะย้ำว่าสิ่งที่ Apple คิดมันไม่ได้เป็นนวัตกรรมอะไร

แต่เดือนกันยายน ปี 2014 คนข่มๆ นั้นเงียบกริบ เพราะ Apple มาพร้อมกับ “Apple Pay”

ความสำคัญของ Touch ID

ความสามารถของ Touch ID นั้นเป็นของใหม่มากๆ สำหรับคนในยุคก่อนสมาร์ทโฟนและแท็บเล็ตเรืองอำนาจ เพราะเมื่อก่อนเรามีกันแค่เม้าส์กับคียบอร์ด แถมยังไม่มีโมเด็มไว้ต่ออินเตอร์เน็ตด้วยซ้ำ (แฮ่ม บอกเลยนะเนี่ยว่าโค้ชพลอยู่ยุคไหน)

แต่การใช้ระบบรหัสผ่าน นั้นพิสูจน์แล้วว่า มีปัญหาหลายอย่าง แถมยังสามารถแฮกได้โดยง่าย

ด้วย Touch ID ที่เริ่มเข้ามามีบทบาทในอุปกรณ์พกพา มันทำให้ผู้ใช้มั่นใจในการใช้งานมากขึ้น โดยการยืนยันตัวตนผ่านนิ้วมือของตัวเอง

ลองคิดดูสิครับ ถ้า

  • เราซื้อของผ่านแอพพลิเคชั่น ไม่ต้องนั่งจำ นั่งกรอกรหัส สแกนนิ้วปุ๊บจ่ายเสร็จเรียบร้อย
  • ซื้อตั๋วหนัง ก็สแกนนิ้วมือ
  • จะเข้าบ้าน ก็สแกนนิ้วมือเพื่อปลดล๊อค

ดังนั้นเตรียมพร้อมกันไว้ได้เลย เพราะ iPhone รองรับการใช้งาน Touch ID ตั้งแต่ 5s และตอนนี้ iPhone 6 และ iPhone 6s ก็มีระบบจ่ายเงินผ่านลายนิ้วมือที่เรียกว่า Apple Pay แล้วดัวย

วิธีอ่านลายนิ้วมือจาก Touch ID ของ iPhone ด้วย PhoneGap/Cordova plugin

phonegap-ios8-cordova

ง่ายมากครับ เพราะตอนนี้มีคนสร้าง Touch ID Plugin ขึ้นมาให้กับ PhoneGap/Cordova แล้ว (ฮูเร่!)

มาดูวิธีติดตั้ง และทดลองใช้งานกันเลย ดูวิดีโอ และลองทำตามขั้นตอนด้านล่างครับ

1. ติดตั้ง Touch ID Plugin

ก่อนทดลองใช้งานเจ้า Touch ID plugin เราต้อง

  1. ติดตั้งเครื่อง Mac OS X ของเรา ให้พร้อมกับการพัฒนาแอพ iOS ด้วย PhoneGap/Cordova ดูวิดีโอแนะนำการติดตั้งได้จากที่นี่
  2. มีการติดตั้ง iOS 8 SDK ลงในเครื่อง สามารถติดตั้งโดยการดาวน์โหลด XCode 6 มาติดตั้งได้จากที่นี่
  3. ใครที่ยังไม่คุ้นเคยกับการพัฒนาแอพด้วย PhoneGap/Cordova มาเรียนกันผมได้ที่นี่

เมื่อพร้อมแล้ว ให้เราใช้คำสั่งติดตั้ง plugin ของ PhoneGap/Cordova ดังกล่าวโดยการพิมพ์คำสั่ง ลงไปในโปรแกรม Terminal ดังนี้ (ใครมีโปรเจคอยู่แล้ว ก็ข้ามไปคำสั่งติดตั้ง plugin ได้เลย)

// สร้างโปรเจค
cordova create nfTouchID

// เข้าไปในโปรเจค
cd nfTouchID

// ติดตั้ง iOS platform
cordova platform add ios

// ติดตั้ง plugin
cordova plugin add io.monaca.touchid

ปล. สำหรับคนที่ใช้ iOS 8 SDK Beta

ใน iOS 8 SDK รุ่น Beta จะยังมีปัญหากับระบบ PhoneGap/Cordova อยู่ ตามที่ผมอธิบายในนี้ (คาดว่าจะมีแก้ไขเรียบร้อยในเวอร์ชั่นถัดไป คือ PhoneGap/Cordova 3.6)

ใครจะลองทำโดยใช้ iOS 8 SDK Beta ต้องมีการแก้ไขไฟล์นิดหนึ่งตามนี้นะครับ

2. เรียนใช้งาน Touch ID Plugin ใน PhoneGap/Cordova

เอาล่ะจากนั้นเราจะเรียกใช้งาน plugin ของเราหลังจากเราเปิดแอพ PhoneGap/Cordova ขึ้นมานะครับ โดยให้เราเรียกใช้ code นี้หลังจาก event device ready  ครับ

monaca.touchid.auth (

function() {
   alert("นิ้วเจ้านายจริงๆ ด้วย!");
},
function(errorMsg){
   alert("ใครอ่ะ ไม่ใช่เจ้านายนี่!");
},
'ใครหน่ะ?');

จากนั้นลองรันดูตามวิดีโอเลยครับ ดูสิว่าจะจำนิ้วมือของเราเองได้ไหม 555

เพิ่มเติม

Touch ID plugin ของ PhoneGap/Cordova ตัวนี้ ยังอยู่ในสถานะ Beta แบบเดียวกับ iOS 8 SDK นะครับ ถ้ามีอัพเดตเมื่อไหร่ ก็จะแจ้งให้ทราบทางหน้า Facebook Page อีกครั้ง

อบรมสร้างแอพ iOS และ Android ด้วย HTML5 และ PhoneGap 3

รู้ลึกและทำจริงในการใช้ HTML5, JQuery Mobile, และ PhoneGap 3 ในการสร้างแอพจริง ทดสอบจริง

Thank you Photo by Kārlis Dambrāns

ที่มา http://monaca.mobi/en/blog/archives/515

Loading Facebook Comments ...
Menu