分享一个无需微信授权通过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=
打赏
当前共有 0 条评论