使用QRCODE进行课堂出勤的步骤

时间:2018-03-04 07:04:01

标签: javascript network-programming webserver qr-code zxing

我必须创建一个项目,通过使用QRCODE 为我的最后一年项目课堂出勤。

我的项目就像:

  

课堂上的学生将扫描投影仪屏幕上讲师将显示的QR码(使用自己的智能手机)。

据我所知,Web服务器将从智能手机IMEI获取秘密ID并保存在服务器数据库中。

实际上,我不知道如何开始,因为我不了解项目的框架。

我知道的事情是:

  

1)使用充当服务器的PHP和XAMPP开发系统。

     

2)使用Ionic Framework开发应用程序

     

3)Java网络编程初学者。

请你们帮助我明确我该怎么做?或者帮助我逐步理解这个概念。我真的需要你的帮助。

提前谢谢你。

1 个答案:

答案 0 :(得分:0)

所以,如果我理解你,你想要达到这个目的:

  1. 用户将打开Ionic应用程序并扫描qr代码。
  2. 在此之后,Ionic会将讲座ID和移动设备IMEI发送到您的API。
  3. 这是可能的,也很容易。你可以这个插件:

    离子原生条码扫描器(支持qr码):

    ionic cordova plugin add phonegap-plugin-barcodescanner
    npm install --save @ionic-native/barcode-scanner
    

    Ionic Native Uid (支持IMEI号码)

    ionic cordova plugin add https://github.com/hygieiasoft/cordova-plugin-uid
    npm install --save @ionic-native/uid
    

    然后创建扫描qr(并从qr代码获取数据)并将数据发送到api的函数(使用来自qr代码和设备IMEI数据的数据)。 像这样:

    scanQrCode() {
        this.barcodeScanner.scan().then((data) => {
            console.log('scanned data from qr ' + data.text);
            let imei = this.getImei();
            this.sendDataToApi(data.text, imei);
        }, (err) => {
            console.log('scanning error');
        })
    }
    
    getImei() {
        // handle permissions
        return this.uid.imei;
    }
    

    您可以在此处找到有关插件的更多信息:

    https://ionicframework.com/docs/native/barcode-scanner/ https://ionicframework.com/docs/native/uid/