如何在微信分享的网页中显示描述和图片

因为获取token 还有加密 微信sdk都已经写好，可以直接使用

主要使用jssdk文件
然后将sample文件的js代码拷贝到对于的 页面中
由于我这边是老项目直接复制即可

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        debug: true,//true为调试模式，没有问题需要修改成false
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            "updateAppMessageShareData",
            "updateTimelineShareData",
            "onMenuShareTimeline",
            "onMenuShareAppMessage"
        ]
    });
    var shareData = {
        shareTitle: "<?php echo $title;?>",
        shareDesc: "<?php echo $desc;?>",
        shareLink: 'http://www.91quanyi.com/wechatwap/wechatwap/qiandaotestsssss',
        shareImgUrl: "<?php echo $url;?>",
    };
    console.error(shareData);
    wx.ready(function () {
        //分享给朋友
        wx.onMenuShareAppMessage({
            title: shareData.shareTitle,
            desc: shareData.shareDesc,
            link: shareData.shareLink,
            imgUrl: shareData.shareImgUrl,
            success: function (res) {

            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        //分享到朋友圈
        wx.onMenuShareTimeline({
            title: shareData.shareTitle,
            desc: shareData.shareDesc,
            link: shareData.shareLink,
            imgUrl: shareData.shareImgUrl,
            success: function (res) {
                ;
            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        //分享到QQ
        wx.onMenuShareQQ({
            title: shareData.shareTitle,
            desc: shareData.shareDesc,
            link: shareData.shareLink,
            imgUrl: shareData.shareImgUrl,
            success: function (res) {

            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        //分享到腾讯QQ
        wx.onMenuShareWeibo({
            title: shareData.shareTitle,
            desc: shareData.shareDesc,
            link: shareData.shareLink,
            imgUrl: shareData.shareImgUrl,
            success: function (res) {

            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
        //分享到QZone
        wx.onMenuShareQZone({
            title: shareData.shareTitle,
            desc: shareData.shareDesc,
            link: shareData.shareLink,
            imgUrl: shareData.shareImgUrl,
            success: function (res) {

            },
            fail: function (res) {
                alert(JSON.stringify(res));
            }
        });
    });
</script>

js 代码就上面这些，其实很简单，就是初始配置，然后一个调用api
填写对应的数值即可。
我这边将数组全部在php中操作的 接下来看下php代码

 public function tests()
    {
        $view['title']  = "我是分享标题";
        $view['desc']   = "我是分享秒杀";
        $view['url']    = "https:/xxxxxx.jpg";
		//这个方法就是 微信 jssdk 类中方法 直接调用即可
        $view['signPackage']  =$this->getSignPackage();
        $this->load->view('wechatwap/test', $view);
    }

也可以按照 sdk中 方法进行 使用

require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk->GetSignPackage();

如果正常操作

然后debug false

就是想要的效果