2/02/2560

สร้าง Mobile Application อ่าน QR Code โดยใช้ ionic2

ตัวอย่างการสร้าง Mobile Application  สำหรับอ่าน QR Code โดยใช้ Ionic2

1. Create ionic2  โปรเจคโดยใช้ คำสั่ง

" ionic start BarcodeProject blank --v2 "

2.  เขาไปใน Folder Project แล้วพิมพ์ คำสั่ง เพิ่ม Plugin barcodescanner

" cd BarcodeProject "
" ionic plugin add phonegap-plugin-barcodescanner "

3.  หากเราต้องการ เรียกใช้ function  การอ่าน QR Code ต้อง ดำเนินการตามนี้

      3.1 ต้อง import Platform โดยใช้คำสั่ง  import { Platform } from 'ionic-angular';
      3.2 ประกาศ object cordova โดยใช้คำสั่ง declare var cordova:any;
      3.3  ถ้าเราต้องการให้ App อ่าน QR Code ให้ใช้คำสั่ง ดังนี้

        this.platform.ready().then(() => {
            cordova.plugins.barcodeScanner.scan((result) => {

              result.text คือ ข้อความที่ได้จาก การอ่าน qr code
             
            }, (error) => {

               กรณี เกิด Error

            });
        });