PHP生成微信小程序二维码,可生成带参数二维码。

2018-07-14 admin

微信小程序官方开放了3个创建二维码的接口,其中有一个是生成二维码的,还有一个是葵花状的小程序码,我这里就用php生成二维码。

首先要获取Access_token

这个请求起来也是很容易的,微信开发文档有请求接口: 要把自己的小程序的APPID和APPSECRET获取到

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

access_token只有2小时有效期,所以要缓存最好,避免重复请求

构建请求参数

clipboard.png

可以构建一个数组,然后转成json数据赋给一个变量

$param = json_encode(array("path"=>"pages/index/index?id=123","width"=> 150));

然后POST数据发送到微信服务器换取二维码

完整代码

<?php
header('content-type:text/html;charset=utf-8');
//配置APPID、APPSECRET
$APPID = "APPID"; 
$APPSECRET =  "APPSECRET"; 
//获取access_token
$access_token = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$APPID&secret=$APPSECRET";

//缓存access_token
 session_start();
 $_SESSION['access_token'] = "";
 $_SESSION['expires_in'] = 0;

 $ACCESS_TOKEN = "";
 if(!isset($_SESSION['access_token']) || (isset($_SESSION['expires_in']) && time() > $_SESSION['expires_in']))
 {

     $json = httpRequest( $access_token );
     $json = json_decode($json,true); 
     // var_dump($json);
     $_SESSION['access_token'] = $json['access_token'];
     $_SESSION['expires_in'] = time()+7200;
     $ACCESS_TOKEN = $json["access_token"]; 
 } 
 else{

     $ACCESS_TOKEN =  $_SESSION["access_token"]; 
 }

//构建请求二维码参数
//path是扫描二维码跳转的小程序路径,可以带参数?id=xxx
//width是二维码宽度
$qcode ="https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=$ACCESS_TOKEN";
$param = json_encode(array("path"=>"pages/index/index?id=123","width"=> 150));

//POST参数
$result = httpRequest( $qcode, $param,"POST");
//生成二维码
file_put_contents("qrcode.png", $result);
$base64_image ="data:image/jpeg;base64,".base64_encode( $result );

//把请求发送到微信服务器换取二维码
  function httpRequest($url, $data='', $method='GET'){
    $curl = curl_init();  
    curl_setopt($curl, CURLOPT_URL, $url);  
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0);  
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 0);  
    curl_setopt($curl, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);  
    curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);  
    curl_setopt($curl, CURLOPT_AUTOREFERER, 1);  
    if($method=='POST')
    {
        curl_setopt($curl, CURLOPT_POST, 1); 
        if ($data != '')
        {
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);  
        }
    }

    curl_setopt($curl, CURLOPT_TIMEOUT, 30);  
    curl_setopt($curl, CURLOPT_HEADER, 0);  
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);  
    $result = curl_exec($curl);  
    curl_close($curl);  
    return $result;
  } 

?>

使用方法:

1、新建qrcode.php 2、拷贝上面代码进去 3、修改APPID和APPSECRET 4、访问qrcode.php

即可生成一个带参数的小程序二维码

clipboard.png

但是这个接口生成的是有LOGO的小程序二维码。 我们想要生成一个简简单单的,无LOGO的小程序二维码可以吗? 官方的是没有办法的,但是我们可以用第三方的接口生成普通的二维码的方式。

生成无LOGO二维码步骤

1、先解码,把刚才生成的小程序二维码解码,获得URL 2、把获得的URL用普通的二维码生成接口生成普通的无LOGO的二维码

1、解码

解码其实有很多的库我这里直接用了第三方的JSSDK解码,免费的,需要申请接口和appid和appkey

<h2>生成无LOGO二维码</h2>
<!DOCTYPE html>
<html>
  <head>
    <title>PHP生成微信小程序二维码</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
    <script src="hprose.min.js"></script>
    <script src="md5.min.js"></script>
  </head>
  <body>
    <!--显示二维码-->
    <div id="show_test"></div>
    <div id="select_img" style="display:none;">
        <input type="file" id="imgTest" type="file"  accept=".gif,.jpg,.jpeg,.png">
        <br/>
        <img src="" id="showImage" alt="">
    </div>
    <a href="javascript:;" id="qrdecode">点击生成无LOGO二维码</a>
    <script>

    var get_timestamp = function(){
        var timestamp =0;
        timestamp = Date.parse(new Date());// 获取当前时间戳(以s为单位)
        timestamp = timestamp / 1000;
        return timestamp;
    };

    //config,申请解码接口:http://www.wwei.cn/,免费
    var api_id = 'xxxxxxx';//改为您自己的
    var api_key = 'xxxxxxxxx';//改为您自己的
    var timestamp = get_timestamp();
    var client = hprose.Client.create('http://hprose.wwei.cn/qrcode.html', ['qrencode','qrdecode']);

    //解码
    $("#qrdecode").click(function(){
            var timestamp = get_timestamp();
            var imgurl = '';//远程图片
            var imgdata ='<?php echo $base64_image;?>';//本地图片,直接调用生成的官方小程序二维码,用于解码
            var signature = md5(api_key + timestamp + imgurl + imgdata);
            client.ready(function(qrcode) {
                qrcode.qrdecode(api_id,signature,timestamp,imgurl,imgdata)
                .then(function(result) {
                    if(result.status !=1){
                        alert(result.msg);
                        return ;
                    }

                    //生成无LOGO二维码api接口
                    var qrcodeapi = "http://qr.liantu.com/api.php?text=";
                    //拼接接口+解码url并输出为图片
                    $("#show_test").html('<img src="'+qrcodeapi+result.data.raw_text+'"/>');
                },function(e) {
                    console.error(e);
                });
            },
            function(e) {
                console.error(e);
            });
    });
    </script>
  </body>
</html>

上面是通过js来实现的解码,解码还是调用了php生成的二维码的一个图片地址的

<?php echo $base64_image;?>

上面是调用本地图片,所以需要结合php生成小程序二维码的代码使用这个解码程序。

解码后需要生成无LOGO的二维码,这个我只需要调用一个接口就行。 接口:http://qr.liantu.com/api.php?..

然后拼接解码后的url就可以生成一个二维码了。

clipboard.png

那么生成小程序码和生成无LOGO二维码的代码结合起来就是:

<?php
header('content-type:text/html;charset=utf-8');
//配置APPID、APPSECRET
$APPID = "APPID"; 
$APPSECRET =  "APPSECRET"; 
//获取access_token
$access_token = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$APPID&secret=$APPSECRET";

//缓存access_token
 session_start();
 $_SESSION['access_token'] = "";
 $_SESSION['expires_in'] = 0;

 $ACCESS_TOKEN = "";
 if(!isset($_SESSION['access_token']) || (isset($_SESSION['expires_in']) && time() > $_SESSION['expires_in']))
 {

     $json = httpRequest( $access_token );
     $json = json_decode($json,true); 
     // var_dump($json);
     $_SESSION['access_token'] = $json['access_token'];
     $_SESSION['expires_in'] = time()+7200;
     $ACCESS_TOKEN = $json["access_token"]; 
 } 
 else{

     $ACCESS_TOKEN =  $_SESSION["access_token"]; 
 }

//构建请求二维码参数
//path是扫描二维码跳转的小程序路径,可以带参数?id=xxx
//width是二维码宽度
$qcode ="https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=$ACCESS_TOKEN";
$param = json_encode(array("path"=>"pages/index/index?id=123","width"=> 150));

//POST参数
$result = httpRequest( $qcode, $param,"POST");
//生成二维码
file_put_contents("qrcode.png", $result);
$base64_image ="data:image/jpeg;base64,".base64_encode( $result );

//把请求发送到微信服务器换取二维码
  function httpRequest($url, $data='', $method='GET'){
    $curl = curl_init();  
    curl_setopt($curl, CURLOPT_URL, $url);  
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0);  
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 0);  
    curl_setopt($curl, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);  
    curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1);  
    curl_setopt($curl, CURLOPT_AUTOREFERER, 1);  
    if($method=='POST')
    {
        curl_setopt($curl, CURLOPT_POST, 1); 
        if ($data != '')
        {
            curl_setopt($curl, CURLOPT_POSTFIELDS, $data);  
        }
    }

    curl_setopt($curl, CURLOPT_TIMEOUT, 30);  
    curl_setopt($curl, CURLOPT_HEADER, 0);  
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);  
    $result = curl_exec($curl);  
    curl_close($curl);  
    return $result;
  } 

?>

<h2>生成小程序官方二维码</h2>
<!-- 生成小程序官方二维码 -->
<img src="<?php echo $base64_image;?>"/>

<br/>
<h2>生成无LOGO二维码</h2>
<!-- 生成无LOGO二维码 -->
<!DOCTYPE html>
<html>
  <head>
    <title>PHP生成微信小程序二维码</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
    <script src="hprose.min.js"></script>
    <script src="md5.min.js"></script>
  </head>
  <body>
    <div id="show_test"><!--显示信息--></div>
    <div id="select_img" style="display:none;">
        <input type="file" id="imgTest" type="file"  accept=".gif,.jpg,.jpeg,.png">
        <br/>
        <img src="" id="showImage" alt="">
    </div>
    <a href="javascript:;" id="qrdecode">点击生成无LOGO二维码</a>
    <script>

    var get_timestamp = function(){
        var timestamp =0;
        timestamp = Date.parse(new Date());// 获取当前时间戳(以s为单位)
        timestamp = timestamp / 1000;
        return timestamp;
    };

    //config,申请解码接口:http://www.wwei.cn/,免费
    var api_id = 'xxx';//改为您自己的
    var api_key = 'xxx';//改为您自己的 (实际使用,建议在后台完成 signature 签名,以防暴露 api_key ,或定期更改)
    var timestamp = get_timestamp();
    var client = hprose.Client.create('http://hprose.wwei.cn/qrcode.html', ['qrencode','qrdecode']);

    //解码
    $("#qrdecode").click(function(){
            var timestamp = get_timestamp();
            var imgurl = '';//远程图片
            var imgdata ='<?php echo $base64_image;?>';//本地图片,直接调用生成的官方小程序二维码,用于解码
            var signature = md5(api_key + timestamp + imgurl + imgdata);
            client.ready(function(qrcode) {
                qrcode.qrdecode(api_id,signature,timestamp,imgurl,imgdata)
                .then(function(result) {
                    if(result.status !=1){
                        alert(result.msg);
                        return ;
                    }

                    //生成无LOGO二维码api接口
                    var qrcodeapi = "http://qr.liantu.com/api.php?text=";
                    //拼接接口+解码url并输出为图片
                    $("#show_test").html('<img src="'+qrcodeapi+result.data.raw_text+'"/>');
                },function(e) {
                    console.error(e);
                });
            },
            function(e) {
                console.error(e);
            });
    });
    </script>
  </body>
</html>

但是解码需要用到的两个js库 这里直接提供下载地址:https://pan.baidu.com/s/1UYDj…

作者:TANKING 2018-7-13

原文链接:https://segmentfault.com/a/1190000015631641

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-35956.html

文章标题:PHP生成微信小程序二维码,可生成带参数二维码。

相关文章
ASP.NET 2.0 AJAX应用程序设计
ASP.NET Aiax技术是一种实现异步(Asynchronous)网络应用的技术,它被整合在ASP.NET 2.0之中,是As P.NET的一种扩展技术。通过ASENETAjax技术,开发人员或程序员可以将Web服务器控件和客户端脚本结...
2015-11-14
百度新功能【特效搜索】演示 惊呆了小伙伴
百度搜索最近又出新玩意新功能了,可能你还没有发现,名为【百度特效搜索】已经默默上线了,有什么效果呢? 在百度搜索中根据用户搜索的关键词来出发某些动作,例如笔者搜索“打雷”关键字,在搜索结果中你会听到有打雷声, 黑洞,闪烁、翻转、跳跃,打雷,...
2015-11-12
HTML5:未来不可阻挡的力量
HTML5像是互联网行业扔下的一颗炸弹,有些人还未反应过来,原先专注的领域也许就将面临彻底的革新。比如像前几年疯狂甚至有点野蛮成长的App。虽然HTML5从出现到去年标准尘埃落定,一直在争议中曲折发展,但是各种H5页面的推广以及H5小游戏在...
2015-11-12
7个你可能不认识的CSS单位
浼楁墍鍛ㄧ煡CSS鎶€鏈�鎴戜滑铏界劧寰堢啛鎮夛紝鍦ㄤ娇鐢ㄧ殑杩囩▼鍗村緢瀹规槗琚�鍥颁綇锛岃繖璁╂垜浠�鍦ㄦ柊闂�棰樺嚭鐜扮殑鏃跺€欏彉寰楀緢涓嶅埄銆� 闅忕潃web缁х画涓嶆柇鍦板彂灞曪紝瀵逛簬鏂版妧鏈�鏂拌В鍐虫柟妗堢殑瑕佹眰涔熶細涓...
2015-11-11
微信火了HTML5,技术革新才是未来
Html5小游戏自从诞生以来,以其玩法简单、内容娱乐等特点,而深受玩家的欢迎。就像音乐领域的《小苹果》和《最炫名族风》一样,Html5小游戏也曾经有多款神作,在微信朋友圈如病毒式疯传。 微信让H5火了 去年,H5游戏“围住神经猫”上线微信朋...
2015-11-12
微信JSSDK上传图片
前不久微信公开了一些接口,其中有一个uploadImage接口用于上传图片,一般和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片,用户选择完毕后微信会返回被选中图片的id,再把图片id传给up...
2017-03-29
JS生成一维码(条形码)功能示例
本文实例讲述了JS生成一维码(条形码)功能的方法。分享给大家供大家参考,具体如下: 1、js代码: (function() { if (!exports) var exports = window; var BARS = [212...
2017-03-01
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
本文实例讲述了JS常见创建类的方法。分享给大家供大家参考,具体如下: Javascript是一种基于对象的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有Class。(不过,ES6引...
2017-04-05
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
1.bootstrap-table 单击单行选中 $(&#x27;#gzrwTable&#x27;).on(&#x27;click-row.bs.table&#x27;, function(e, row, $element) { $(&#x...
2017-02-17
回到顶部