微信開發 分享功能 php,自定義微信分享功能

sh13523149003發表於2017-06-24
PHP

內嵌在微信中的網頁，右上角都會有一個預設的分享功能。如下圖所示，第一個為自定義的效果，第二個為預設的效果。實現了自定義的分享連結是不是更讓人有點選的慾望？下面講解下開發的過程。

 

 

一：準備設定js 藉口安全域名：

這需要使用微信的jssdk，先需要在微信公眾號後臺進行設定：公眾號設定-->功能設定-->JS介面安全域名。

二：前端配置

首先在前端頁面引入jssdk 的js 檔案

 

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

然後進行前端配置：

 

 

  wx.config({
     debug: true,//除錯模式
    appId: '<?php echo $signPackage["appId"];?>',// 
    timestamp: <?php echo $signPackage["timestamp"];?>,//生成簽名的時間戳
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',//生成簽名的隨機串
    signature: '<?php echo $signPackage["signature"];?>',
   
    jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']// 所有要呼叫的 API 都要加到這個列表中
  });
         wx.ready(function() { 
            wx.onMenuShareAppMessage({ //分享給朋友
                title: 'aa', // 分享標題,可在控制器端傳遞
                desc: '非常舒適',//分享的描述，可在控制器端傳遞
                  
                link: 'URL', // 分享連結，可在控制器端傳遞 
                imgUrl: 'URL', // 分享圖示 ，可在控制器端傳遞
                success: function() { 
                    // 使用者確認分享後執行的回撥函式 
                }, 
                cancel: function() { 
                    // 使用者取消分享後執行的回撥函式 
                } 
            }); 

            wx.onMenuShareTimeline({ //分享到朋友圈
                title: '分享的標題', 
                desc: '分享的描述',
                
                link: 'url', // 分享連結 
                imgUrl: 'url', // 分享圖示 
                success: function() { 
                    // 使用者確認分享後執行的回撥函式 
                }, 
                cancel: function() { 
                    // 使用者取消分享後執行的回撥函式 
                } 
            }); 
        }); 
 
    </script>
    timestamp: <?php echo $signPackage["timestamp"];?>,//生成簽名的時間戳
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',//生成簽名的隨機串
    signature: '<?php echo $signPackage["signature"];?>',
   
    jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']// 所有要呼叫的 API 都要加到這個列表中
  });
         wx.ready(function() { 
            wx.onMenuShareAppMessage({ //分享給朋友
                title: '分享標題', // 分享標題,可在控制器端傳遞
                desc: '分享描述',//分享的描述，可在控制器端傳遞
                  
                link: 'URL', // 分享連結，可在控制器端傳遞 
                imgUrl: 'URL', // 分享圖示 ，可在控制器端傳遞
                success: function() { 
                    // 使用者確認分享後執行的回撥函式 
                }, 
                cancel: function() { 
                    // 使用者取消分享後執行的回撥函式 
                } 
            }); 

            wx.onMenuShareTimeline({ //分享到朋友圈
                title: '分享標題', 
                desc: '分享的描述',
                
                link: 'url', // 分享連結 
                imgUrl: 'url', // 分享圖示 
                success: function() { 
                    // 使用者確認分享後執行的回撥函式 
                }, 
                cancel: function() { 
                    // 使用者取消分享後執行的回撥函式 
                } 
            }); 
        }); 
 
    </script>

三 後端php 程式碼：jssdk.php 可以從此處下載

 

jssdk-php.zip

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
    public function index(){
      
      //分享朋友圈
      $jssdk = new JSSDK("你的自己的appid", "你自己的appsecret");
      $signPackage = $jssdk->GetSignPackage();
      $this->assign('signPackage',$signPackage);
     
       $this->display();
    }
   
 class JSSDK {
    private $appId;
    private $appSecret;
    public function __construct($appId, $appSecret) {
      $this->appId = $appId;
      $this->appSecret = $appSecret;
    }
    public function getSignPackage() {
      $jsapiTicket = $this->getJsApiTicket();
      $url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
      $timestamp = time();
      $nonceStr = $this->createNonceStr();
      // 這裡引數的順序要按照 key 值 ASCII 碼升序排序
      $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url";
      $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 = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
      $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"));
      if ($data->expire_time < time()) {
        $accessToken = $this->getAccessToken();
        $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
        $res = json_decode($this->httpGet($url));
        $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()) {
        $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;
    }
}

 

easy吧

 

 


 

 

 

相關文章