简单来说  ,一共四步

1.  微信公众平台中公众号设置”的“功能设置”里填写“JS接口安全域名”。该域名填写你的项目的域名。

2. 下载jssdk的damo,https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115中拿到jssdk.php文件,确保加载到你的项目中。

3  在php文件或者说是框架的model层调用jssdk.php,

require_once "jssdk.php";
include_once 'config/wechat.php';
$jssdk = new JSSDK($appid, $secret);
$signPackage = $jssdk->GetSignPackage();
$appid和$secret分别是微信公众平台的appid和secret 填入

4 在html视图文件中加入
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
 var title = "{php echo $goods['title']}";
var link = window.location.href+"&u="+"{php echo $_W['fans']['uid']}";
var imgUrl = "{php echo tomedia($piclist[0]);}";
var desc = "您的朋友向你分享这款商品";
  wx.config({
   debug: false,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      "onMenuShareTimeline",
      "onMenuShareAppMessage",
      "onMenuShareQQ"
    ]
  });
 wx.ready(function () {
        wx.onMenuShareTimeline({
            title: title, // 分享标题
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareAppMessage({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            type: 'link', // 分享类型,music、video或link,不填默认为link
            dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: title, // 分享标题
            desc: desc, // 分享描述
            link: link, // 分享链接
            imgUrl: imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
</script>

link是分享链接可以自由拼接你所需要的参数,以上是在朋友圈 ,qq 以及转发的分享,更多的可以去https://mp.weixin.qq.com查找, 大同小异.

 

posted on 2018-04-11 16:24  河畔  阅读(1133)  评论(1编辑  收藏