微信小程序> PHP小程序二维码的获取,以及改变小程序二维码中间logo为用户头像

PHP小程序二维码的获取,以及改变小程序二维码中间logo为用户头像

浏览量:731 时间: 来源:mangrandi
【1.背景知识】

1.小程序二维码中间是空白部分。而有时候需求方希望,中间logo部分是用户头像或者其他图片

2.微信接口给返回的二维码是数据流。直接输出浏览器是乱码。想在浏览器上显示可以这样:

$resWxQrCode = '微信返回的二维码数据流';header("Content-Type: image/jpg; charset=utf-8");echo($resWxQrCode);exit;

或者这样base64一下:

$resWxQrCode = '微信返回的二维码数据流';echo "image src='data:image/png;base64,".base64_encode($resWxQrCode)."'";

3.场景。

①如果多个场景分享的都是一个二维码,那可以从微信获取到二维码之后,保存图片文件存在服务器上,以后拿着图片url直接用。

②如果分享的二维码都不一样,那么个人认为,建议使用base64的数据流格式,这样服务器不用存储具体的文件了。这篇文章是基于这一个场景的。

【2.扩展阅读】

微信小程序&PHP 改变小程序码中间logo的方法

使用phpqrcode生成二维码

【3.代码】

以下代码不需要在服务器上生成任何文件。直接复制,填参可执行。

?php/*** 步骤:* 1.获得微信返回的二维码图片数据流* 2.把用户头像变成圆形,覆盖到小程序中间的空白部分* 3.把二维码与圆形头像结合* 3.返回客户端,或者输出显示*/$appid       = '你的APPID';//appid$appsecret   = '你的APPSECRET';//app secret$send        = array('scene'=123, 'path' ='pages/question/question', 'width'='100');//传给微信的参数$avatarUrl   = 'http://cms-bucket.nosdn.127.net/2018/05/28/a1a44ffdc2d24f928c1860d4fbf54703.jpeg?imageView&thumbnail=550x0';//用户头像url//请求微信,获取小程序二维码$resWxQrCode = getWxQrcode($send,$appid,$appsecret);//用户头像图片变圆形$avatar = file_get_contents($avatarUrl);$logo   = yuanImg($avatar);//返回的是图片数据流//二维码与头像结合$sharePic = qrcodeWithLogo($resWxQrCode,$logo);//这里为了看效果,直接输出图片了echo "image src='data:image/png;base64,".base64_encode($sharePic)."'";/*******************************  下面是功能函数 **********************************//*** curl方法* @param $url 请求url* @param $data 传送数据,有数据时使用post传递* @param type 为2时,设置json传递*/function curlRequest($url,$data = null , $type = 1){    $curl = curl_init();        curl_setopt($curl, CURLOPT_URL, $url);        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);        if (!empty($data)){                curl_setopt($curl, CURLOPT_POST, 1);                curl_setopt($curl, CURLOPT_POSTFIELDS, $data);                if($type == 2){            curl_setopt($curl, CURLOPT_HTTPHEADER,                 array('Content-Type: application/json','Content-Length: ' . strlen($data)));         }    }        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);        curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, 10);    $output = curl_exec($curl);        curl_close($curl);        return $output;}/** * 请求微信服务器,生成二维码 * @param $data array('scene'=$setid, 'path' ='pages/question/question', 'width'='100'); */function getWxQrcode($data,$appid,$appsecret){    //get access_token    $wxTokenUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$appsecret;    $access_token = curlRequest($wxTokenUrl);    $access_token = json_decode($access_token,true);    if($access_token['errcode'])        var_dump(['code'=2004,'msg'='请求微信服务器access_token失败']);    //get qrcode 微信B接口    $wxQrcodeUrl = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=".$access_token['access_token'];    $data = json_encode($data,JSON_UNESCAPED_UNICODE);    return curlRequest($wxQrcodeUrl,$data);}/** * 在二维码的中间区域镶嵌图片 * @param $QR 二维码数据流。比如file_get_contents(imageurl)返回的东东,或者微信给返回的东东 * @param $logo 中间显示图片的数据流。比如file_get_contents(imageurl)返回的东东 * @return  返回图片数据流 */ function qrcodeWithLogo($QR,$logo){    $QR   = imagecreatefromstring ($QR);    $logo = imagecreatefromstring ($logo);    $QR_width    = imagesx ( $QR );//二维码图片宽度    $QR_height   = imagesy ( $QR );//二维码图片高度    $logo_width  = imagesx ( $logo );//logo图片宽度    $logo_height = imagesy ( $logo );//logo图片高度       $logo_qr_width  = $QR_width / 2.2;//组合之后logo的宽度(占二维码的1/2.2)     $scale  = $logo_width / $logo_qr_width;//logo的宽度缩放比(本身宽度/组合后的宽度)    $logo_qr_height = $logo_height / $scale;//组合之后logo的高度     $from_width = ($QR_width - $logo_qr_width) / 2;//组合之后logo左上角所在坐标点    /**     * 重新组合图片并调整大小      * imagecopyresampled() 将一幅图像(源图象)中的一块正方形区域拷贝到另一个图像中     */    imagecopyresampled ( $QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height );    /**     * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");     * 并且去掉缓存区函数     */    //获取输出缓存,否则imagepng会把图片输出到浏览器    ob_start();    imagepng ( $QR );    imagedestroy($QR);    imagedestroy($logo);     $contents =  ob_get_contents();    ob_end_clean();         return $contents;}/**  * 剪切图片为圆形  * @param  $picture 图片数据流 比如file_get_contents(imageurl)返回的东东 * @return 图片数据流 */  function yuanImg($picture) {      $src_img = imagecreatefromstring($picture);    $w   = imagesx($src_img);    $h   = imagesy($src_img);      $w   = min($w, $h);      $h   = $w;      $img = imagecreatetruecolor($w, $h);      //这一句一定要有    imagesavealpha($img, true);    //拾取一个完全透明的颜色,最后一个参数127为全透明      $bg = imagecolorallocatealpha($img, 255, 255, 255, 127);      imagefill($img, 0, 0, $bg);      $r   = $w / 2; //圆半径      $y_x = $r; //圆心X坐标      $y_y = $r; //圆心Y坐标      for ($x = 0; $x  $w; $x++) {          for ($y = 0; $y  $h; $y++) {              $rgbColor = imagecolorat($src_img, $x, $y);              if (((($x - $r) * ($x - $r) + ($y - $r) * ($y - $r))  ($r * $r))) {                  imagesetpixel($img, $x, $y, $rgbColor);              }          }      }      /**     * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");     * 并且去掉缓存区函数     */    //获取输出缓存,否则imagepng会把图片输出到浏览器    ob_start();    imagepng ( $img );    imagedestroy($img);             $contents =  ob_get_contents();    ob_end_clean();    return $contents;    }?
【4.效果】

把这两张图片

     变成  


版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎