分享一个无需微信授权通过html唤起微信扫一扫功能,并且获取返回值。


<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  </head>
  <body>
   <div>
         <!-- 这里的跳转地址可以填写自己的接口或者服务 -->
        <a href="http://sao315.com/w/api/saoyisao?redirect_uri=https://xxxx.com/index.html" style="width: 250px;margin-top: -90px; z-index: 999;position: sticky;" class="btn btn-outline-info" role="button" aria-pressed="true"><i class='dzwfont dzw-saomiao' style="font-size: 25px;"></i>微信扫一扫</a>
    <div>

    <script src="https://cdn.staticfile.org/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <script>
        // 页面初始化(调用扫一扫后)
        $(function(){
            // 如果上面的redirect_uri填写的是这个页面的路径,那就回通过这个qr获取到。
            var qr = getQueryString("qrresult");
        })
        // 解析扫描结果
        function getQueryString(name) {
            var reg = new RegExp("\\b" + name + "=([^&]*)");
            var r = location.href.match(reg);
            if (r != null)
                return decodeURIComponent(r[1]);
        }
    </script>
  </body>
</html>

需要注意的参数:

redirect_uri: 这里的跳转地址可以填写自己的页面地址,也可以是当前页面地址,然后通过 getQueryString获取二维码扫描的参数。

下面两个接口都可用:
https://sao315.com/w/api/saoyisao?redirect_uri=
https://www.996315.com/api/scan/?redirect_uri=