在微信中分享页面之调用微信sdk接口

###效果:
这里写图片描述
###微信接口地址:
点击查看微信api
###调用代码:
我只写了分享到微信,分享到微信朋友圈,后台语法是jsp

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
            wx.config({
            debug: false,
            appId: "@ViewBag.AppId",
            timestamp: "@ViewBag.Timestamp",
            nonceStr: "@ViewBag.Noncestr",
            signature: "@ViewBag.Signature",
            jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'hideOptionMenu'] // 必填,需要使用的JS接口列表
        });

        wx.ready(function () {
             wx.onMenuShareTimeline({
                title: "@ViewBag.ShareTitle",
                link: "@ViewBag.ShareUrl",
                imgUrl: "@book.image_url_thumbnail",
                success: function () {
                    console.log("朋友圈分享成功")
                },
                cancel:function () {
                    console.log("分享失败")
                }
            });

            wx.onMenuShareAppMessage({
                title: "@ViewBag.ShareTitle",
                desc: "@ViewBag.ShareContent",
                link: "@ViewBag.ShareUrl",
                imgUrl: "@book.image_url_thumbnail",
                type: '',
                dataUrl: '',
                success: function () {
                    console.log('朋友分享成功')
                },
                cancel: function () {
                    console.log('失败')
                }
            });
        })

</script>

###调试
将网页链接复制在微信web开发者工具中调试,(微信开发者工具要下载v0.7.0版本的,因为后续的版本没有移动调试的选项)如下图
这里写图片描述
这是调用成功的界面。如果报错,比如签名无效
可以在微信 JS 接口签名校验工具查看生成的签名是否正确

猜你喜欢

转载自blog.csdn.net/wcy7916/article/details/81904587