JSSDK实现微信分享功能

忘是亡心i 2022-06-07 01:20 595阅读 0赞

**功能：在微信内置浏览器页面实现分享页面功能。**

**注意：关于微信内置浏览器的私有对象WeixinJSBridge分享的接口都已经作废了，即下面的定义都是无效的：**

$(function(){
        var appId = '公众号的appid';
        var imgURL = '自定义分享时的图片地址';
        var link = '分享页面的链接地址';
        var desc = '定义分享的内容';
        var title = '定义分享的标题';
       
         weixinShareTimeline();
         weixinShareFriend();

//分享到朋友圈
         function weixinShareTimeline(){
             WeixinJSBridge.invoke('shareTimeline',{

'img_url':ingURL,
                 'link':link,
                 'desc':desc,
                 'title':title
              });
         }
    
          //发送给好友
          function weixinShareFriend(){
              WeixinJSBridge.invoke('sendAppMessage',{
                 'appid':appId,
                 'img_url':imgURL,
                 'link':link,
                 'desc':desc,
                 'title':title
              });
          }
    };

提示：这是分享接口的官方新文档链接：     https://mp.weixin.qq.com/wiki?t=resource/res\_main&id=mp1421141115

利用微信JSSDK实现分享时回调不成功：

1、分享的title和url不正确：

title的值 = 当前页中标签<title>定义的内容

url是当前页面的 url = location.href

desc可以自定义分享的内容

2、分享到朋友圈之后，不回调：

如果link，imgUrl的域名不是公众号填写的安全域名，则会忽略你自定义分享的内容，即一些提示信息都正常，但是不显示你自定义

的信息，也不回调success

3、无法自定义分享按钮，可以自定义分享的内容，但是分享入口还是微信默认的分享入口，即微信右上角菜单分享按钮并且不能引导用户         去分享

下面详细介绍使用微信JSSDK实现分享的功能：

1、登录微信公众平台，绑定域名

![Center][]

2、在shake\_redbag.php页面引入jweixin.js插件

3、定义jssdk.php，封装PHP类进行权限验证

<?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 = "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_URL, $url);
    
        $res = curl_exec($curl);
        curl_close($curl);
    
        return $res;
      }
    }

4、在shake\_redbag.php文件（这个文件包括php，html，js）起始处调用类

<?php
        require_once "jssdk.class.php";
        require_once "../../../config.php";        //这个文件定义了appID  appSecret
        $jssdk = new JSSDK("appID", "appSecret");  //红色部分在公众平台 开发->基本配置中获取
        $signPackage = $jssdk->GetSignPackage();
    ?>

5、通过config接口注入权限验证配置，通过error接口处理失败验证，

wx.ready(function () {
          setShare();  //定义函数
       });

[Center]: /images/20220607/df4c0abbe41249c180a209373af366ad.png