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

Question

我必须创建一个项目，通过使用QRCODE进行我的最后一年项目来上课。

我的项目是这样的：

课堂上的学生将扫描QR码（使用他们自己的智能手机），这将由讲师在投影仪屏幕上显示。

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

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

我知道的事情是：

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

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

3）Java网络编程初学者。

你们能请我帮我说清楚我该怎么办？或者帮助我逐步理解这个概念。我真的需要你的帮助。

先感谢您。

Answer 1

所以，如果我理解你正确你想实现这个目标：

1. 用户将打开Ionic应用程序并扫描qr代码。
2. 在此之后，Ionic会将讲座ID和移动设备IMEI发送到您的API。

这是可能的，也很容易。你可以这个插件：

Ionic Native Barcode Scanner（支持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/