以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  网页扫码不出来扫码框  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=141681)

--  作者:rogen
--  发布时间:2019/10/8 15:47:00
--  网页扫码不出来扫码框
按照帮助文档,做了网页扫码
点扫码录入后,没有出来扫码框
我以为是js的问题,在js代码里加上alert,能弹窗,但还是不出来扫码框

以下是代码,基本和帮助一样,只是改了appid,授权域名啥的都改成自己的了

    Case "test.htm" 
        wb.AppendHTML("<script src=\'http://res.wx.qq.com/open/js/jweixin-1.2.0.js\'></script>",True) \'引入JS-SDK库
        wb.AppendHTML("<script src=\'./lib/jssdk.js\'></script>") \'引入脚本文件
        \'在页面注入权限验证配置
        Dim st As New Date(1970,1,1,8,0,0)
        Dim appid As String = "wx3258f7124a3fa712" \'开发者ID
        Dim timestamp As Integer = CInt((Date.Now - st).TotalSeconds()) \'时间戳
        Dim noncestr As String = Rand.NextString(16) \'随机字符
        Dim url As String  = e.Request.URL.ToString \'当前页面地址
        Dim signature As String = Functions.Execute("GetJsSignature", noncestr, timestamp, url) \'生成权限验证签名
        Dim cfg As String = "wx.config({appId:\'{0}\',timestamp:{1},nonceStr:\'{2}\',signature:\'{3}\',jsApiList:[\'scanQRCode\']});"
        wb.AppendHTML("<script>" & CExp(cfg,appid,timestamp,noncestr,signature) & "</script>",True)
        \'开始正常生成网页内容
        wb.AddForm("","form1","test.htm")
        With wb.AddInputGroup("form1","ipg1","产品输入")
            .AddInput("product","产品","text")
            With .AddInputCell("ic1")
                .AddLabel("lbh","编号",0)
                .AddInput("number","text",1)
                .AddVcodeButton("scan","扫码输入",2) \'增加二维码扫描按钮,2表示显示在右边
            End With
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "确定", "submit")
        End With
        e.WriteString(wb.Build) \'生成网页

--  作者:rogen
--  发布时间:2019/10/8 15:50:00
--  

刚看老师回复类似帖子时,给的提示

http://www.foxtable.com/bbs/dispbbs.asp?boardid=2&id=132257&authorid=0&page=0&star=2

但我觉得这个回复和不弹出扫码框,是2个问题吧


--  作者:rogen
--  发布时间:2019/10/8 15:53:00
--  
我是电脑上把网址发到微信的文件传输助手,在手机微信上打开文件传输助手,点开里面链接,这个操作是对的吧
--  作者:有点蓝
--  发布时间:2019/10/8 15:54:00
--  
1、jssdk调用仅支持80端口。
2、jssdk最新版本是1.4.0,建议更新代码:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1
wb.AppendHTML("<script src=\'http://res.wx.qq.com/open/js/jweixin-1.4.0.js\'></script>",True) \'引入JS-SDK库

3、安装微信web开发者工具,打开这个页面看提示什么错误https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html

--  作者:rogen
--  发布时间:2019/10/8 18:04:00
--  

报这个错误,看不懂

 


图片点击可在新窗口打开查看此主题相关图片如下:微信截图_20191008180338.png
图片点击可在新窗口打开查看


--  作者:rogen
--  发布时间:2019/10/8 20:02:00
--  
我用官方给的示例源码,改了下appID啥的,还是不行,头大
--  作者:有点蓝
--  发布时间:2019/10/8 20:19:00
--  
5楼截图说明扫码sdk是正常的,没有问题。换台手机试试
--  作者:rogen
--  发布时间:2019/10/8 20:30:00
--  
以下是引用有点蓝在2019/10/8 20:19:00的发言:
5楼截图说明扫码sdk是正常的,没有问题。换台手机试试

换了2台苹果,2台安卓,都是点了无反应


--  作者:有点蓝
--  发布时间:2019/10/8 20:43:00
--  
js代码发上来看看
--  作者:rogen
--  发布时间:2019/10/9 8:26:00
--  
以下是引用有点蓝在2019/10/8 20:43:00的发言:
js代码发上来看看

wx.ready(function () {

    document.getElementById(\'scan\').onclick = function () {
    document.getElementById(\'scan\').innerText="扫码录入";  //这一句是为了测试js是否执行
        wx.scanQRCode({
            needResult: 1,
            scanType: [\'qrCode\',\'barCode\'],
            success: function (res) {
                document.getElementById(\'number\').value = res.resultStr;
            }
        });
    };
});
wx.error(function (res) {
    //alert(res.errMsg);
});

 

网页代码照抄帮助的,控件id啥的没改动,用的80端口

[此贴子已经被作者于2019/10/9 8:30:52编辑过]