微信调用扫一扫功能实现
先配置微信的所有信息
前端代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>微信扫一扫</title> </head> <body> <h1 id="wxcode" style="text-align: center;">扫一扫</h1> <script type="text/javascript" src="./jquery-3.3.1.js"></script> <!--调用jquery.min.js文件--> <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script> var appId = ''; var timestamp = ''; var nonceStr = ''; var signature = ''; $.ajax({ type: "post", url: "index.php", cache: false, async: false, dataType: "json", success: function(e) { alert(e) appId = e.appId; timestamp = e.timestamp; nonceStr = e.nonceStr; signature = e.signature; } }); console.log(signature); wx.config({ // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 debug: true, // 必填,公众号的唯一标识 // appId: "wx259ea197bf8b2eab", appId: appId, // 必填,生成签名的时间戳 timestamp: timestamp, // 必填,生成签名的随机串 nonceStr: nonceStr, // 必填,签名,见附录1 // signature:"805c5e6f956fa5572b5b3ccc65d7581fe6cd37e1", signature: signature, // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 jsApiList: ['scanQRCode'] }); wx.error(function(res) { alert("----------出错了-----------:" + res.errMsg); //这个地方的好处就是wx.config配置错误,会弹出窗口哪里错误,然后根据微信文档查询即可。 }); wx.ready(function() { wx.checkJsApi({ jsApiList: ['scanQRCode'], success: function(res) { // console.log(444); } }); //点击按钮扫描二维码 $('#wxcode').click(function() { // alert(1); wx.scanQRCode({ needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果, scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有 success: function(res) { var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果 alert(getQueryString('a')); } }); }) }); function getQueryString(name) { var reg = new RegExp("\\b" + name + "=([^&]*)"); var r = location.href.match(reg); if (r != null) return unescape(r[1]); } </script> </body> </html>
先接口获取微信 签名信息,前端就可以使用了,一定要注意不要少获取了,不然采坑
<?php class JSSDK { private $appId; private $appSecret; public function __construct($appId, $appSecret) { $this->appId = $appId; $this->appSecret = $appSecret; } public function getSignPackage() { $jsapiTicket = $this->getJsApiTicket(); // 注意 URL 一定要动态获取,不能 hardcode. $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://"; //$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $url = "https://qddsalesman.xzjumeng.com/1.html"; $timestamp = time(); $nonceStr = $this->createNonceStr(); // 这里参数的顺序要按照 key 值 ASCII 码升序排序 $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; //$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; //echo $string; $signature = sha1($string); $signPackage = array( "appId" => $this->appId, "nonceStr" => $nonceStr, "timestamp" => $timestamp, "url" => $url, "signature" => $signature, "rawString" => $string ); return $signPackage; } private function createNonceStr($length = 16) { $chars = "abcdefg******************YZ0123456789"; $str = ""; for ($i = 0; $i < $length; $i++) { $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1); } return $str; } private function getJsApiTicket() { // jsapi_ticket 应该全局存储与更新,以下代码以写入到文件中做示例 $data = json_decode(file_get_contents("./jsapi_ticket.json")); // var_dump($data); if ($data->expire_time < time() || empty($data)) { // echo 1;die; $accessToken = $this->getAccessToken(); //var_dump($accessToken);die; // 如果是企业号用以下 URL 获取 ticket // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken"; $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken"; $res = json_decode($this->httpGet($url)); //var_dump($res);die; $ticket = $res->ticket; if ($ticket) { $data->expire_time = time() + 7000; $data->jsapi_ticket = $ticket; $fp = fopen("./jsapi_ticket.json", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $ticket = $data->jsapi_ticket; } return $ticket; } private function getAccessToken() { // access_token 应该全局存储与更新,以下代码以写入到文件中做示例 $data = json_decode(file_get_contents("./access_token.json")); if ($data->expire_time < time() || empty($data)) { // 如果是企业号用以下URL获取access_token // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret"; $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret"; $res = json_decode($this->httpGet($url)); $access_token = $res->access_token; if ($access_token) { $data->expire_time = time() + 7000; $data->access_token = $access_token; $fp = fopen("./access_token.json", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $access_token = $data->access_token; } return $access_token; } private function httpGet($url) { $curl = curl_init(); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_TIMEOUT, 500); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($curl, CURLOPT_URL, $url); $res = curl_exec($curl); curl_close($curl); return $res; } } $jssdk = new JSSDK("wx********c8", "56*************13f"); $signPackage = $jssdk->GetSignPackage(); // var_dump($signPackage);die; $json = json_encode($signPackage); echo $json; ?>