• 美国发起贸易战,我们要让世界知道美元、美债并不可靠 2019-06-05
  • 紫光阁中共中央国家机关工作委员会 2019-05-31
  • 监察体制改革后 湘西半年72名公职人员主动交代问题 2019-05-12
  • 媒体宣传报道重庆日报 王国平:扮靓重庆两江四岸” 让城市有机更新 2019-04-26
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-16
  • 14名消防员日巡逻28公里 洗冷水澡 2019-04-10
  • 靶壕有了“蓝军”,百发百中的“神枪手”练起来 2019-04-10
  • 不是秀强大了,别人就会来做朋友,这逻辑不对 2019-04-01
  • 候选企业:中国石油呼和浩特石化公司 2019-03-26
  • 航天员沙漠野外生存训练完美收官!为第一天团打call 2019-03-25
  • 请问,建立市场经济后,原计划经济哪里去?改革后,我们还在实行计划经济,为何没有提及? 2019-03-25
  • 构建年轻干部梯次培养链 2019-03-19
  • 孙实的专栏作者中国国家地理网 2019-03-15
  • 湖南师范大学举行研究阐释党的十九大精神国家社科基金重大专项学术研讨会 2019-03-15
  • [雷人]蠢货!土地处于不同的城市和地段,关联的资源不一样,价值也不一样。不然给咱俩同样面积的土地,咱的在北上广深,你的在边远山区,你干么? 2019-03-08
  • 频道栏目
    神奇公式秒杀全国11选5 > 微信学院 > 微信公众平台开发 > 正文

    山西十一选五走势:微信公众平台使用JSSDK网页调起扫码并获取扫码数据(PHP实现)

    2017-12-06 10:58:11         来源:slm311的专栏  
    收藏   我要投稿

    微信公众平台使用JSSDK网页调起扫码并获取扫码数据

    神奇公式秒杀全国11选5 www.2zfa.com 初学者,部分css样式在网上扒下来的,功能实现了,代码很糙,非常糙,望海涵,也希望大神多指导

    得到你的APPID与AppSecret 获取到access_token与ticket 配置wx.config 调用扫码 二维码与条形码处理 获取返回值 关于苹果端网页扫码调起的问题处理 最后


    废话不多说直接上代码:

    <!--?php
    require_once "jssdk.php";
    $jssdk = new JSSDK("你的ADPPID", "你的AppSecret");
    $signPackage = $jssdk--->GetSignPackage();
    //sample.php,获取你的APPID与AppSecret传递到JSSDK处理
    ?>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><!-- 适应屏幕缩放等乱七八糟的-->
    <meta name="format-detection" content="telephone=no, email=no">
    <title>这是标题啊</title>
    <script src="vp.js" charset="utf-8"></script>
    <link rel="stylesheet" href="swiper.min.css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="queryExp.css" media="screen" charset="utf-8">
     
     
            <header class="page-title">
             
            <h1 class="title">这是名字啊</h1>
        </header>
        <section class="form-main">
            <!--<input id="waybillNoId" type="button" value="请输入要查询的单号" onclick="window.location.href='history.html?from=query'">-->
            <input id="waybillNoId" type="button" value="请输入要查询的单号" onclick="">
            <i id="query" class="scan"></i>  <!-- 这里是点击那个扫码的图片-->
        </section>
           <script src="jweixin-1.0.0.js"></script>
            <script type="text/javascript" src="jquery.js"></script> 
            <script type="text/javascript">
    <!-- 这里写wx.config和wx.scanQRCode-->
          wx.config({//配置wx.config
         //debug: true,//调试输出需要的话就拿出来
          appId: '<!--?php echo $signPackage["appId"];?-->',
          timestamp: <!--?php echo $signPackage["timestamp"];?-->,
          nonceStr: '<!--?php echo $signPackage["nonceStr"];?-->',
          signature: '<!--?php echo $signPackage["signature"];?-->',
          jsApiList: [
          //要调用的接口全部写在这
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
          ]
     
      });
     wx.ready(function () {
        document.querySelector('#query').onclick = function () {//调用扫码事件返回扫码值
        wx.scanQRCode({
          needResult: 1,
          desc: 'scanQRCode desc',
          success: function (res) {
          alert(res.resultStr)//扫码数据在这看
            }         
          }
        });
      };   
    });
     
           </script>

    实际操作发现当扫描二维码的时候没有什么问题,但是扫码扫到条码时会出现问题,下面贴上处理方法:

    if(res.resultStr.indexOf(',') > 0){
     //条形码时返回的格式类似为【code128,123456789】      
         var dealserialNumber=res.resultStr.split(',')[1];          
         dealserialNumber = dealserialNumber.replace(/[^a-z\d]/ig, "");//处理条形码扫描的字符
         location.href='接收结果页面='+dealserialNumber;//扫描结果传递到的处理页面
    else{
    //二维码时
    location.href='接收结果页面='+res.resultStr;//扫描结果传递到的处理页面
    }

    关于苹果端扫码,查了下往上,说什么网络请求之类的话,要怎么怎么处理,我处理起来比较粗暴,所有的js文件本地化,不知道是不是可行的,但是测试没发现什么大的问题,不知道这样处理是不是正确。

    上一篇:微信公众号开发步骤(缩减版)
    下一篇:微信公众号创建二维码ticket的2种方式讲解
    相关文章
    图文推荐

    关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 神奇公式秒杀全国11选5

    版权所有: 神奇公式秒杀全国11选5--致力于做实用的IT技术学习网站

  • 美国发起贸易战,我们要让世界知道美元、美债并不可靠 2019-06-05
  • 紫光阁中共中央国家机关工作委员会 2019-05-31
  • 监察体制改革后 湘西半年72名公职人员主动交代问题 2019-05-12
  • 媒体宣传报道重庆日报 王国平:扮靓重庆两江四岸” 让城市有机更新 2019-04-26
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-16
  • 14名消防员日巡逻28公里 洗冷水澡 2019-04-10
  • 靶壕有了“蓝军”,百发百中的“神枪手”练起来 2019-04-10
  • 不是秀强大了,别人就会来做朋友,这逻辑不对 2019-04-01
  • 候选企业:中国石油呼和浩特石化公司 2019-03-26
  • 航天员沙漠野外生存训练完美收官!为第一天团打call 2019-03-25
  • 请问,建立市场经济后,原计划经济哪里去?改革后,我们还在实行计划经济,为何没有提及? 2019-03-25
  • 构建年轻干部梯次培养链 2019-03-19
  • 孙实的专栏作者中国国家地理网 2019-03-15
  • 湖南师范大学举行研究阐释党的十九大精神国家社科基金重大专项学术研讨会 2019-03-15
  • [雷人]蠢货!土地处于不同的城市和地段,关联的资源不一样,价值也不一样。不然给咱俩同样面积的土地,咱的在北上广深,你的在边远山区,你干么? 2019-03-08