【备战春招】第16天 扫码登录 前端

课程名称：在线办公系统

课程章节： 第1章

课程讲师：神思者

课程内容

要在小程序里面使用扫一扫功能

<uni-list-item title="扫一扫" clickable @click="scanQRCode"></uni-list-item>

这个列表点击事件回调函数是scanQRCode()

scanQRCode: function() {
    let that = this;
    //调用摄像头扫描二维码
    uni.scanCode({
        onlyFromCamera: true,
        success: function(resp) {
            //把扫描的结果字符串进行拆分
            let temp = resp.result.split('@@@');
            let module = temp[0]; //@@分割符前的内容是命令
            let id = temp[1]; //@@分隔符后面的字符串
            if (module == 'login') {
                uni.showModal({
                    title: '提示信息',
                    content: '是否登陆Emos管理系统？',
                    success: function(resp) {
                        if (resp.confirm) {
                            uni.login({
                                provider: 'weixin',
                                success: function(resp) {
                                    let code = resp.code;
                                    that.ajax(that.url.checkQrCode, 'POST', { uuid: id, code: code }, function(resp) {
                                        if (resp.data.result) {
                                            uni.showToast({
                                                title: '登陆成功',
                                                icon: 'success'
                                            });
                                        } else {
                                            uni.showToast({
                                                title: '登陆失败',
                                                icon: 'none'
                                            });
                                        }
                                    });
                                }
                            });
                        }
                    }
                });
            } else if (module == 'MRIF') {
                uni.navigateTo({
                    url: '../../meeting/meeting_room?meetingRoomId=' + id                });
            } else if (module == 'MTCK') {
                uni.navigateTo({
                    url: '../../meeting/meeting_checkin?meetingRoomId=' + id                });
            }
        }
    });}

至此 就可以用手机测试拉

如果直接使用微信里面的扫一扫 只会显示一串字符串 

例如 我们想在微信扫一扫后 打开 百度地址

则需要 

String base64 = QrCodeUtil.generateAsBase64(String.format("https://www.baidu.com/"), config, ImgUtil.IMAGE_TYPE_JPG);

使用到String.format方法 这样就能在扫码后打开百度拉 只要换成自己的页面地址 也能同样完成 登录 注册等功能