调用微信扫一扫需要使用微信公众号（订阅号也可以）自带的微信扫一扫功能

公众号配置

首先配置js接口安全域名

然后找到appid和secret 备用

然后代码，PHP文件(填入appid和secret)

public function index () {$Config = $this->getConfig();$this->assign("Config", $Config);return view();}public function getConfig(){// 微信 JS 接口签名校验工具: https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign$appid = 'wxb9b9*****07df';$secret = 'e503***************4845c86';// 获取token$token=$this->get_token($appid,$secret);// 获取ticket$ticket=$this->get_ticket($token);// 进行sha1签名$timestamp = time();$nonceStr = $this->createNonceStr();// 注意 URL 建议动态获取(也可以写死).$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; // 调用JSSDK的页面地址// $url = $_SERVER['HTTP_REFERER']; // 前后端分离的, 获取请求地址(此值不准确时可以通过其他方式解决)$str = "jsapi_ticket={$ticket}&noncestr={$nonceStr}&timestamp={$timestamp}&url={$url}";$sha_str = sha1($str);return ['appid'=>$appid,'timestamp'=>$timestamp,'nonceStr'=>$nonceStr,'sha_str'=>$sha_str];}function get_token($appid,$secret){$token_data = @file_get_contents('wechat_token.txt');if (!empty($token_data)) {$token_data = json_decode($token_data, true);$time  = time() - $token_data['time'];if ($time > 3600) {$token_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$appid}&secret={$secret}";$token_res = $this->https_request($token_url);$token_res = json_decode($token_res, true);$token = $token_res['access_token'];$data = array('time' =>time(),'token' =>$token);file_put_contents('wechat_token.txt', json_encode($data));} else {$token = $token_data['token'];}}else{$token_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={$appid}&secret={$secret}";$token_res = $this->https_request($token_url);$token_res = json_decode($token_res, true);$token = $token_res['access_token'];$data = array('time' =>time(),'token' =>$token);file_put_contents('wechat_token.txt', json_encode($data));}return $token;}function get_ticket($token){$ticket_data = @file_get_contents('wechat_ticket.txt');if (!empty($ticket_data)) {$ticket_data = json_decode($ticket_data, true);$time  = time() - $ticket_data['time'];if ($time > 3600) {$ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={$token}&type=jsapi";$ticket_res = $this->https_request($ticket_url);$ticket_res = json_decode($ticket_res, true);$ticket = $ticket_res['ticket'];$data = array('time'    =>time(),'ticket'  =>$ticket);file_put_contents('wechat_ticket.txt', json_encode($data));} else {$ticket = $ticket_data['ticket'];}}else{$ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={$token}&type=jsapi";$ticket_res = $this->https_request($ticket_url);$ticket_res = json_decode($ticket_res, true);$ticket = $ticket_res['ticket'];$data = array('time'    =>time(),'ticket'  =>$ticket);file_put_contents('wechat_ticket.txt', json_encode($data));}return $ticket;}function createNonceStr($length = 16) {$chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";$str = "";for ($i = 0; $i < $length; $i++) {$str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);}return $str;}/*** 模拟 http 请求* @param  String $url  请求网址* @param  Array  $data 数据*/function https_request($url, $data = null){// curl 初始化$curl = curl_init();// curl 设置curl_setopt($curl, CURLOPT_URL, $url);curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);// 判断 $data get  or postif ( !empty($data) ) {curl_setopt($curl, CURLOPT_POST, 1);curl_setopt($curl, CURLOPT_POSTFIELDS, $data);}curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);// 执行$res = curl_exec($curl);curl_close($curl);return $res;}

然后html

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>test</title><script src="js/jquery-3.3.1.min.js"></script><script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><style>a:hover{text-decoration: none;}</style></head>
<body>
<button id="scanQRCode">扫码</button>
<text id="code"></text>
</body>
<script>$(function(){wx.config({// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。debug: false,// 必填，公众号的唯一标识appId: "{$Config['appid']}",// 必填，生成签名的时间戳timestamp:""+"{$Config['timestamp']}",// 必填，生成签名的随机串nonceStr:"{$Config['nonceStr']}",// 必填，签名，见附录1signature:"{$Config['sha_str']}",// 必填，需要使用的JS接口列表，所有JS接口列表见附录2jsApiList : [ 'checkJsApi', 'scanQRCode' ]});wx.error(function(res) {alert("出错了：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。});wx.ready(function() {wx.checkJsApi({jsApiList : ['scanQRCode'],success : function(res) {}});//点击按钮扫描二维码document.querySelector('#scanQRCode').onclick = function() {wx.scanQRCode({needResult : 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType : ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有success : function(res) {alert(res.resultStr);//二维码信息var result=res.resultStr.split(",");//条形码信息$('#code').html(result[1]);}});};});})</script>
</html>

tp5.1 页面调取微信扫一扫识别条形码和二维码相关推荐

微信小程序之生成条形码和二维码
需求描述:商家用扫描枪扫用户条形码或二维码实现支付. 效果图: 说明:微信小程序.支付宝小程序的条形码和二维码都可以由一串数字通过 barcode.js 和 qrcode.js 插件绘制在页面的 Ca ...
【Exception】微信小程序，配置普通链接二维码规则文件校验失败问题校验文件检查失败扫普通链接二维码打开小程序
[Exception]微信小程序,配置普通链接二维码规则文件校验失败问题校验文件检查失败扫普通链接二维码打开小程序一.问题描述 1.公司业务有个需求,扫描普通的二维码,跳转到小程序的某个页面, ...
钉钉开发平台 —H5微应用-- 扫条形码、二维码 api 示例
扫条形码.二维码使用说明客户端 Android iOS PC 支持说明支持支持不支持 dd.biz.util.scan({type: String , // type 为 all.qrCod ...
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 先上效果图,再附上完整源码: 1.多张图片循环渲染后预览.保存.识别带参数二维码 <view w ...
实现微信小程序和支付宝小程序二维码合并
实现微信小程序和支付宝小程序二维码合并,这样用户就可以通过同一个二维码进入微信或者支付宝啦 1.需要准备可以通过公网访问的服务器 2.微信小程序打开微信小程序后台->开发(左边)->开发 ...
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码管理界面独家长期更新日志(欢迎反馈BUG) 1.添加手机端前后台声音提示 2.添加后台客户管理显示在线离线 3.添加清空当前对 ...
微信公众号带场景参数的二维码生成与使用？
2019独角兽企业重金招聘Python工程师标准>>> 微信公众号推广时,用户通过扫码关注公众号,统计用户是通过哪个带场景二维码进行关注的,并对用户自动分组打标签备注.直接使用微号帮 ...
小程序长按识别公众号二维码、个人微信号、企业微信号、微信群、-已实现
一.微信原则上不在支持小程序中长按识别在2020年微信的一次版本更新后,就不在支持在小程序中长按识别微信公众号了. 可以看到这个文章: 紧急!!! 微信8.0版本,在小程序webview内嵌公众号 ...
uniapp小程序中长按识别公众号二维码，企业微信二维码，个人微信二维码
长按识别公众号二维码,企业微信二维码,个人微信二维码效果图通过给image标签添加show-menu-by-longpress="true"属性,实现长按识别功能注意:二维码 ...
微信电子健康卡——获取健康卡二维码接口
静态二维码通过调用barcodeJs生成二维码 <%@ Page Language="C#" AutoEventWireup="true" CodeBe ...

tp5.1 页面调取微信扫一扫识别条形码和二维码

公众号配置

tp5.1 页面调取微信扫一扫识别条形码和二维码相关推荐

最新文章

热门文章