微信小程式&PHP 改變小程式碼中間logo的方法
阿新 • • 發佈：2019-01-22
仔細看了小程式本身的程式，沒有發現好的方法。
所以改變方法，把頭像傳回後臺，使用 php gd庫在後臺操作，然後傳回小程式端。
//初始資料準備
define('PATH', "/opt/************p/".date("Y/m/d/")."/".rand(1,50)."/");
include_once('/op******/function.php');
$path = $dir.date("Y/m/d/")."/".rand(1,50)."/";
create_dirs(PATH,0777);一.獲取傳入的原頭像，並儲存到本地。
//儲存原始頭像 $img_file = file_get_contents($avatarUrl); //小程式傳的頭像是網路地址需要週轉一下 $img_content= base64_encode($img_file); $file_tou_name = time().".png"; $headurl = PATH.$file_tou_name; file_put_contents($headurl,base64_decode($img_content));
二.獲取特定頁面帶引數的小程式碼並儲存。順便再寫一下獲取token的方法（token一般放在快取中）
//獲取token $url_access_token = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$appid.'&secret='.$secret; $json_access_token = sendCmd($url_access_token,array()); $arr_access_token = json_decode($json_access_token,true); $access_token = $arr_access_token['access_token']; //獲取二維碼 if(!empty($access_token)) { $url = 'https://api.weixin.qq.com/wxa/getwxacode?access_token='.$access_token; $data = '{"path": "/pages/answer/index/index?id='.$sid.'", "width":430}'; $result = sendCmd($url,$data); $file_code_name = "21".time().".png"; file_put_contents(PATH.$file_code_name,$result);//儲存到本地 } else { $arr = array('ret'=>0,'msg'=>'ACCESS TOKEN為空！'); }
三.編輯已儲存的原頭像，儲存成圓形（其實不是圓形，改變它的邊角為透明）。
//header("content-type:image/png"); //傳入儲存後的頭像檔名
$imgg = yuan_img($headurl); //yuan_img() 方法在文末會列出
$file_name = "22".time().".png";
imagepng($imgg,PATH.$file_name);
imagedestroy($imgg);四.縮小頭像（原圖為1080，430的小程式碼logo為192）
$target_im = imagecreatetruecolor(192,192); //建立一個新的畫布（縮放後的），從左上角開始填充透明背景 imagesavealpha($target_im, true); $trans_colour = imagecolorallocatealpha($target_im, 0, 0, 0, 127); imagefill($target_im, 0, 0, $trans_colour); $o_image = imagecreatefrompng(PATH.$file_name); //獲取上文已儲存的修改之後頭像的內容 imagecopyresampled($target_im,$o_image, 0, 0,0, 0, 192, 192, 1080, 1080); $file_head_name = "23".time().".png"; $comp_path =PATH.$file_head_name; imagepng($target_im,$comp_path); imagedestroy($target_im);
五.所有準備條件都好了。進行拼接。（使用加水印方式把處理過後的頭像蓋住logo）
//傳入儲存後的二維碼地址
$url = create_pic_watermark(PATH.$file_code_name,$comp_path,"center"); //方法文末列出
$arr = array('ret'=>1,
'msg'=>'success',
'data'=>array('url'=>$url), //處理完的新小程式碼 儲存在伺服器，傳回地址給小程式端即可
);
echo json_encode($arr); 方法：
/**
* [create_pic_watermark 新增圖片水印] 頭像貼在二維碼中間
* @param [string] $dest_image [需要新增圖片水印的圖片名]
* @param [string] $watermark [水印圖片名]
* @param [string] $locate [水印位置，center,left_buttom,right_buttom三選一]
* @return [type] [description]
*/
function create_pic_watermark($dest_image,$watermark,$locate){
list($dwidth,$dheight,$dtype)=getimagesize($dest_image);
list($wwidth,$wheight,$wtype)=getimagesize($watermark);
$types=array(1 => "GIF",2 => "JPEG",3 => "PNG",
4 => "SWF",5 => "PSD",6 => "BMP",
7 => "TIFF",8 => "TIFF",9 => "JPC",
10 => "JP2",11 => "JPX",12 => "JB2",
13 => "SWC",14 => "IFF",15 => "WBMP",16 => "XBM");
$dtype=strtolower($types[$dtype]);//原圖型別
$wtype=strtolower($types[$wtype]);//水印圖片型別
$created="imagecreatefrom".$dtype;
$createw="imagecreatefrom".$wtype;
$imgd=$created($dest_image);
$imgw=$createw($watermark);
switch($locate){
case 'center':
$x=($dwidth-$wwidth)/2;
$y=($dheight-$wheight)/2;
break;
case 'left_buttom':
$x=1;
$y=($dheight-$wheight-2);
break;
case 'right_buttom':
$x=($dwidth-$wwidth-1);
$y=($dheight-$wheight-2);
break;
default:
die("未指定水印位置!");
break;
}
imagecopy($imgd,$imgw,$x,$y,0,0, $wwidth,$wheight);
$save="image".$dtype;
//儲存到伺服器
$f_file_name = "24".time().".png";
imagepng($imgd,PATH.$f_file_name); //儲存
imagedestroy($imgw);
imagedestroy($imgd);
//傳回處理好的圖片
$url = 'https://www.qubaobei.com/'.str_replace('/opt/ci123/www/html/markets/app2/baby/','',PATH.$f_file_name);
return $url;
}/**
* [yuan_img 編輯圖片為圓形] 剪下頭像為圓形
* @param [string] $imgpath [頭像儲存之後的圖片名]
*/
function yuan_img($imgpath) {
$ext = pathinfo($imgpath);
$src_img = null;
switch ($ext['extension']) {
case 'jpg':
$src_img = imagecreatefromjpeg($imgpath);
break;
case 'png':
$src_img = imagecreatefromjpeg($imgpath);
break;
}
$wh = getimagesize($imgpath);
$w = $wh[0];
$h = $wh[1];
$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);
}
}
}
return $img;
}網路請求：
/**
* 發起請求
* @param string $url 請求地址
* @param string $data 請求資料包
* @return string 請求返回資料
*/
function sendCmd($url,$data)
{
$curl = curl_init(); // 啟動一個CURL會話
curl_setopt($curl, CURLOPT_URL, $url); // 要訪問的地址
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0); // 對認證證書來源的檢測
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 2); // 從證書中檢查SSL加密演算法是否存在
curl_setopt($curl, CURLOPT_HTTPHEADER, array('Expect:')); //解決資料包大不能提交
curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); // 使用自動跳轉
curl_setopt($curl, CURLOPT_AUTOREFERER, 1); // 自動設定Referer
curl_setopt($curl, CURLOPT_POST, 1); // 傳送一個常規的Post請求
curl_setopt($curl, CURLOPT_POSTFIELDS, $data); // Post提交的資料包
curl_setopt($curl, CURLOPT_TIMEOUT, 30); // 設定超時限制防止死循
curl_setopt($curl, CURLOPT_HEADER, 0); // 顯示返回的Header區域內容
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); // 獲取的資訊以檔案流的形式返回
$tmpInfo = curl_exec($curl); // 執行操作
if (curl_errno($curl)) {
echo 'Errno'.curl_error($curl);
}
curl_close($curl); // 關鍵CURL會話
return $tmpInfo; // 返回資料
}