自定义分享的内容和图标

以下测试代码要求放在内容页show.html

thumb是该内容的缩略图字段,我们以单文件File为例:


{php $signPackage=dr_weixin_jssdk(); }
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    wx.config({
        debug: true,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareAppMessage']
    });
    wx.ready(function () {
        // 在这里调用 API
        wx.onMenuShareTimeline({
            title: '{$title}', // 分享标题
            desc: '{$description}', // 分享描述
            link: '{dr_now_url()}', // 分享链接
            imgUrl: '{dr_get_file($thumb)}', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareAppMessage({
            title: '{$title}', // 分享标题
            desc: '{$description}', // 分享描述
            link: '{dr_now_url()}', // 分享链接
            imgUrl: '{dr_get_file($thumb)}', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: '{$title}', // 分享标题
            desc: '{$description}', // 分享描述
            link: '{dr_now_url()}', // 分享链接
            imgUrl: '{dr_get_file($thumb)}', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQZone({
            title: '{$title}', // 分享标题
            desc: '{$description}', // 分享描述
            link: '{dr_now_url()}', // 分享链接
            imgUrl: '{dr_get_file($thumb)}', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

    });
</script>

调试期间可以开启debug=true,没有问题之后就设置为false

标题、描述、图标都可以改成自己的


常见错误问题:

1、config:invalidsignature

检查cache下是否生成.php的文件


2、invalid url domain

配置域名

blob.png


文档最后更新时间:2018-08-20 14:51:37