微信公众号开发之商户注册功能-扫一扫(二)

时间:2022-02-18 14:20:52

上一篇说到还有一个扫码功能要做,来绑定我们给商户提供的二维码。

微信也有自带的扫一扫功能并返回扫描结果、或者直接直接访问扫描结果。

刚开始用了一个按钮控件,在点击事件中调起微信扫一扫功能。同样,签名、appid这几个值仍然需要。

$("#scanQRCode").click(function() {
        wx.scanQRCode({
            // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
            needResult : 1,
            desc : '将二维码放入框内,即可自动扫描',
            success : function(res) {
                var url = res.resultStr;
                $("#qrCodeUrl").val(url);
                $("#scanresult").html("扫描完成");
            }
        });
    });

然后扫一扫是调起成功了,却没有结果结果,问题也找不到。后来发现是input的type类型没有写。
这一个小小的问题疏忽了然后半天了都查不到原因。后来加上type=button就没有问题了。看来日常工作中的编码规范还是要注意啊。

拿到二维码url后,根据我们自己定的规则将商户号取出后,绑定到用户信息上。后来页面改了,按钮有点难看,而且还与确定按钮冲突了,俗话说一山不容二虎。于是改为了:

<div class="weui-cells" style="font-size: 14px;">
            <div class="weui-cell weui-cell_access" id="scanQRCode">
                <div class="weui-cell__bd" style="text-align: left;">
                    扫描二维码
                </div>
                <div class="weui-cell__ft" id="scanresult">
                    <span style="color: red;">未扫码</span>
                </div>
            </div>
        </div>

微信公众号开发之商户注册功能-扫一扫(二)