H5端扫码功能

作者: royluck | 来源:发表于2019-10-11 17:12 被阅读0次

uni-app摄像头扫码问题
H5端扫码功能
热猫商城版本更新-扫码登录和发货通知、虚拟销量等功能更新
taro开发：H5端、小程序端扫一扫功能,适配安卓、ios(附加
活动页中打开APP、扫码下载APP方案总结
Google扫码开源库ZXing初探
微信扫一扫自定义二维码实现支付
如何设计一个好的扫码界面
二维码扫码登录
iOS 高仿微信扫一扫

背景：项目需要微信授权登录，所以优先考虑微信的扫码api实现，但是需要涉及到后端配置，因为项目时间紧，所以后面没有采用，如果使用微信扫一扫自带功能，前端调用非常简单。
采用插件jsqrcode，存在兼容问题，测试中，手机在安卓端，使用UC浏览器可以实现，苹果手机不行，调不起摄像头，不能通过流获取信息。
最后采用jsqrcode，通过拍照识别二维码，但是用户体验不行，成功率不高。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>增长极客</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!--引用jQuery库-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <!--<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>-->
    <!-- built files will be auto injected -->
  </body>
  <script src="https://testqymanage.side.vip/js/cos-js-sdk-v5.min.js"></script>

  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/grid.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/version.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/detector.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/formatinf.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/errorlevel.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/bitmat.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/datablock.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/bmparser.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/datamask.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/rsdecoder.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/gf256poly.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/gf256.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/decoder.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/qrcode.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/findpat.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/alignpat.js"></script>
  <script type="text/javascript" src="https://testmanage.side.vip/qrcode/databr.js"></script>
  <script src="https://testmanage.side.vip/qrcode/webcam.js"></script>
</html>