QRCode.js 简单使用

业务流程简介

        一级页面存储有二级页面的二维码，通过微信扫码，微信浏览器跳转到二级页面；二级页面由手机注册和注册成功后的弹窗构成，弹窗中包含企业号，再次识别二维码后，后台通过传入的参数，人工派发资源。

相关技术点

• 自动生成二维码

  • 插件
    qrcode.js 通过简单配置，即可将传入 URL 自动生成二维码，简单配置如下：

    <div id="qrcode"></div>
    <script type="text/javascript">
    	new QRCode(DOM_el, URL);
    </script>
    

  • 生成多个二维码
    如果一级页面中需要多个二维码，仅需要封装 qrcode.js 的配置代码，通过不同DOM元素（DOM_el）调用即可。

  • 插件详情 qrcode.js
    
    

• 一级页面给二级页面“传参”
          将一级页面和二级页面放入一个文件夹中，通过一些 js 小技巧使得两个页面的 URL 仅文件名不同，从而达到一级页面“传参”给二级页面的效果。

  // 替换一级页面与二级页面的文件名
  window.location.href.replace('index.html', 'second.html');