微信分享朋友 朋友圈 修改图标和内容 自定义jsskd

分享jssdk分享主要3块   1用Jssdk类来运算加密签名等 （传给js里）     2在需要分享的html页面调用 js（微信配置的js）3在1和2里面传参数（把js需要的参数通过jssdk类给js）

appId和appSecret是肯定需要的 

此次用的thinkphp5

这张图是引入jssdk3

Jssdk3代码如下:

<?php
namespace fast;

    class Jssdk3
    {
        private $appId;
        private $appSecret;
        


 public function __construct($appId, $appSecret) {
　　//参数是这里传进来的  小和QQ496631085
   $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&timestamp=$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($this->getCacheTicket(),true);
    // dump($data);
    if ($data['expire_time'] < time()) {

      $accessToken = $this->getAccessToken();

      $url = "http://api.weixin.qq.com/cgi-bin/ticket/getticket?type=1&access_token=$accessToken";

      $res = json_decode($this->httpGet($url));

      $ticket = $res->ticket;

      if ($ticket) {

        $data['expire_time'] = time() + 7000;

        $data['jsapi_ticket'] = $ticket;

        $this->setCacheTicket(json_encode($data));

      }

    } else {

      $ticket = $data['jsapi_ticket'];

    }

    return $ticket;

  }

  private function getAccessToken() {

    // access_token 应该全局存储与更新，以下代码以写入到文件中做示例

    $data = json_decode($this->getCacheToken(),true);

    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;

        $this->setCacheToken(json_encode($data));

      }

    } 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;

  }

  

  private function getCacheToken()

   {
        return file_get_contents('weixin_share_token.json');
     

   }

   private function setCacheToken($token)

   {
        return file_put_contents('weixin_share_token.json', $token);
      // return MEM::mset("weixin_share_token",$token,7000); 
　　　　//QQ496631085
   }

   

   private function getCacheTicket()

   {

       return file_get_contents('jsapi_ticket.json');  //缓存获取，也可自己放入数据库存储

   }

   private function setCacheTicket($ticket)

   {

      return file_put_contents('jsapi_ticket.json', $ticket);  //设置缓存

   }







    }

 然后在你需要的页面传入参数我的是在index.php  里面的public function_initialize函数里面   就是进来就执行_initialize函数里面的

 　　　　$this->jssdk = new Jssdk3($this->appId,$this->appSecret);  //这里就是传你的微信参数哈QQ496631085
        $this->getsign = $this->jssdk->getSignPackage();
        // dump($this->getsign );
        $this->view->assign('appid',$this->appId );
        $this->view->assign('wxsign',$this->getsign);

        $share['title'] = "一元抵一千元，三网合一、自适应型定制网站";//分享标题
        $share['sharedesc'] = "您企业网络营销的一部分QQ496631085";//分享简介
        
        $share['icourl'] = "http://xiaohe520.club/assets/img/ico.png";  //这里是你的图片

        $this->view->assign('share',$share);//这个就是把变量传到html里面的

我写的是share.html 这个是公共的  那个页面用就直接调用

<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script>
  wx.config({
      debug: false,//false，true
      appId: '{$appid}',
      timestamp: {$wxsign.timestamp}, // 必填，生成签名的时间戳
      nonceStr: '{$wxsign.nonceStr}',// 必填，生成签名的随机串
      signature: '{$wxsign.signature}',// 必填，签名
      jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
        'hideMenuItems',
        'showMenuItems',
        // 'hideAllNonBaseMenuItem',
        // 'showAllNonBaseMenuItem',
        // 'translateVoice',
        // 'startRecord',
        // 'stopRecord',
        // 'onVoiceRecordEnd',
        // 'playVoice',
        // 'onVoicePlayEnd',
        // 'pauseVoice',
        // 'stopVoice',
        // 'uploadVoice',
        // 'downloadVoice',
        // 'chooseImage',
        // 'previewImage',
        // 'uploadImage',
        // 'downloadImage',
        // 'getNetworkType',
        // 'openLocation',
        // 'getLocation',
        // 'hideOptionMenu',
        // 'showOptionMenu',
        // 'closeWindow',
        // 'scanQRCode',
        // 'chooseWXPay',
        // 'openProductSpecificView',
        // 'addCard',
        // 'chooseCard',
        'openCard'
      ]
  });
</script>

        <!--  <script type="text/javascript" src="__XIAOHE__/js/demo.js"></script>  -->
        <script type="text/javascript">
        var shareTitle = '{$share.title}',
        sharelink = '{$share.sharelink}',//这里就是分享的连接   下面是简介  上面是标题等 QQ496631085
        sharedesc = '{$share.sharedesc}',
        myimgUrl = '{$share.icourl}';
            wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: shareTitle, // 分享标题
            desc: sharedesc, // 分享描述
            link: sharelink, // 分享链接
            imgUrl: myimgUrl, // 分享图标
            success: function (res) {
                alert('已分享');
            },
            cancel: function (res) {
                alert('这么好的活动,确定不要分享吗？');
            }
        });
        wx.onMenuShareTimeline({
            title: shareTitle, // 分享标题
            desc: sharedesc, // 分享描述
            link: sharelink, // 分享链接
            imgUrl: myimgUrl, // 分享图标
            success: function (res) {

            },
            cancel: function (res) {
            }
        });
        wx.onMenuShareQQ({
            title: shareTitle, // 分享标题
            desc: sharedesc, // 分享描述
            link: sharelink, // 分享链接
            imgUrl: myimgUrl, // 分享图标
            success: function (res) {
                 alert('谢谢您的分享');
            },
            cancel: function (res) {
            }
        });
        wx.onMenuShareQZone({
            title: shareTitle, // 分享标题
            desc: sharedesc, // 分享描述
            link: sharelink, // 分享链接
            imgUrl: myimgUrl, // 分享图标
            success: function (res) {
            },
            cancel: function (res) {
            }
        });
    });
    wx.error(function (res) {
        var resss = JSON.stringify(res);
        layer.open({
            content: resss,
            skin: 'mag',
            time: 2
        });
    });
        
  // wx.ready(function(){
        //   // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
        //   // document.querySelector('#checkJsApi').onclick = function () {
        //   //   wx.checkJsApi({
        //   //     jsApiList: [
        //   //       'getNetworkType',
        //   //       'previewImage'
        //   //     ],
        //   //     success: function (res) {
        //   //       alert(JSON.stringify(res));
        //   //     }
        //   //   });
        //   // };

        //   // 2. 分享接口
        //   // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
        //   document.querySelector('#onMenuShareAppMessage').onclick = function () {
        //     wx.onMenuShareAppMessage({
        //       title: '互联网之子',
        //       desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
        //       link: 'http://website.wxjoi.com/index/index/xqy.html?id=5',
        //       imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
        //       trigger: function (res) {
        //         // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
        //         alert('用户点击发送给朋友');
        //       },
        //       success: function (res) {
        //         alert('已分享');
        //       },
        //       cancel: function (res) {
        //         alert('已取消');
        //       },
        //       fail: function (res) {
        //         alert(JSON.stringify(res));
        //       }
        //     });
        //     alert('已注册获取“发送给朋友”状态事件');
        //   };

        //   // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
        //   document.querySelector('#onMenuShareTimeline').onclick = function () {
        //     wx.onMenuShareTimeline({
        //       title: '互联网之子',
        //       link: 'http://website.wxjoi.com/index/index/xqy.html?id=5',
        //       imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
        //       trigger: function (res) {
        //         // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
        //         alert('用户点击分享到朋友圈');
        //       },
        //       success: function (res) {
        //         alert('已分享');
        //       },
        //       cancel: function (res) {
        //         alert('已取消');
        //       },
        //       fail: function (res) {
        //         alert(JSON.stringify(res));
        //       }
        //     });
        //     alert('已注册获取“分享到朋友圈”状态事件');
        //   };

        // });
    </script>

在显示的页面

直接调用公共的

{include file="./index/public/share" /}  是tp里面调用html的一个语句

<script type="text/javascript" src="__XIAOHE__/js/jquery.min.js"></script>
        {include file="./index/public/share" /}

 不懂的可以提问