HTML5教程

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

本文主要是介绍【备战春招】第16天 扫码登录 前端,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:在线办公系统


课程章节: 第1章


课程讲师:神思者


课程内容



https://img1.sycdn.imooc.com/63f6af7800018ac003900784.jpg


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

<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方法 这样就能在扫码后打开百度拉 只要换成自己的页面地址 也能同样完成 登录 注册等功能


https://img3.sycdn.imooc.com/63f6b1490001391707150392.jpg




这篇关于【备战春招】第16天 扫码登录 前端的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!