微信自定义分享php代码分析

860次阅读  |  发布于5年以前

前一段之间做微信自定义分享,积累了一些经验,分享给大家。

步骤一、二在微信开发者文档中已经很详细了,直接从步骤三开始吧。

步骤三要参数微信的参数,除了appId之外,其他的参数都是动态的,这里,我用的php语言,在后端生成的参数,代码如下:
php端代码:


    public function getwxinfo(){ 
     $dataurl = I('dataurl'); 
     include('./ThinkPHP/Library/Vendor/jssdk/jssdk.php'); 
     $jssdk = new \JSSDK('appId','appSecret'); 
     $signPackage = $jssdk->GetSignPackage($dataurl); 
     exit(response('1','ok',$signPackage)); 
    } 

生成签名时,必须获取当前页面的URL,所以$dataurl是通过下面JS动态获取的,切记。
JS端代码:


    var dataurl = window.location.href; 
    $.ajax({ 
     type:'post', 
     data:{'dataurl':dataurl}, 
     url:'/index.php/Home/Index/getwxinfo', 
     dataType:'json', 
     success:function(json){ 
      var list = json.data; 
      var appId = list.appId; 
      var timestamp = list.timestamp; 
      var nonceStr = list.nonceStr; 
      var signature = list.signature; 
      weixinInfo(appId,timestamp,nonceStr,signature); 
     }, 
     error:function() { 
      //alert('网络不给力哦...') 
     } 
    }); 
    function weixinInfo(appId,timestamp,nonceStr,signature){ 
     wx.config({ 
      debug: false, 
      appId: appId, 
      timestamp:timestamp , 
      nonceStr:nonceStr, 
      signature:signature, 
      jsApiList: [ 
       'checkJsApi', //判断当前客户端版本是否支持指定JS接口 
       'onMenuShareTimeline', //分享到朋友圈 
       'onMenuShareAppMessage', //分享给好友 
       'onMenuShareQQ', //分享到QQ 
       'onMenuShareWeibo' //分享到微博 
      ] 
     }); 
    } 

    wx.ready(function () { 
     //微信好友 
     var s_title = '分享标题'; 
     var s_desc = '分享描述'; 
     var s_link = '分享后的链接'; 
     var s_imgUrl = '图片链接'; 
     wx.onMenuShareAppMessage({ //例如分享到朋友圈的API 
      title: s_title, // 分享标题 
      desc: s_desc, // 分享描述 
      link: s_link, // 分享链接 
      imgUrl: s_imgUrl, // 分享图标 
      success: function () { }, 
      cancel: function () { } 
     }); 
     //朋友圈 
     wx.onMenuShareTimeline({ 
      title: s_title, // 分享标题 
      link: s_link, // 分享链接 
      imgUrl: s_imgUrl, // 分享图标 
      success: function () { }, 
      cancel: function () { } 
     }); 
     //QQ好友 
     wx.onMenuShareQQ({ 
      title: s_title, // 分享标题 
      desc: s_desc, // 分享描述 
      link: s_link, // 分享链接 
      imgUrl: s_imgUrl, // 分享图标 
      success: function () { }, 
      cancel: function () { } 
     }); 
    }); 
    wx.error(function (res) {   
    alert(res.errMsg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示   
    }); 

就这么简单。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

Copyright© 2013-2020

All Rights Reserved 京ICP备2023019179号-8