美文网首页
微信分享

微信分享

作者: 明月888 | 来源:发表于2018-06-05 12:11 被阅读0次

    微信接口引入

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    

    微信分享

    <!-- 分享接口 -->
    <script>
        // console.log(location.host);
        // console.log("1"+appId+"2"+timestamp+"3"+nonceStr+"4"+signature);
        wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                    appId: appId, // 必填,公众号的唯一标识
                    timestamp: timestamp, // 必填,生成签名的时间戳
                    nonceStr: nonceStr, // 必填,生成签名的随机串
                    signature: signature,// 必填,签名
                    jsApiList: [
                                'onMenuShareTimeline',
                                'onMenuShareAppMessage',
                                'onMenuShareQQ'
                    ] // 必填,需要使用的JS接口列表
                });
                wx.ready(function(){
                    // var lochost='http://'+location.host,
              // sharelink=lochost+'/lottery?openid='+openId+'&state='+base,
              // shareimg=lochost+'/static/images/banner/jcs96icon.png';
                    // let link_url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appId+"&redirect_uri="+"http://"+location.host+"/wx/lottery.html"+"&response_type=code&scope=snsapi_base&state=base#wechat_redirect";
                    let link_url = location.href.split('#')[0]; //'http://'+window.location.host+'?id=1&state=base';
                    console.log(link_url);
                    // 分享到朋友圈
                        wx.onMenuShareTimeline({
                                    title: '小宠互助,帮您节省宠物看病钱!', // 分享标题
                                    link: link_url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                    imgUrl: 'http://pet.ishanka.cn/images/petlogo.jpg', // 分享图标
                                    success: function () {
    
                                    // 用户确认分享后执行的回调函数
                                        // $.get('http://192.168.10.68:8080/shanka_web/member/transmitrecord.do',{tranType:1,openId:openId},function(d){
                                        //         // console.log(d);
                                        // })
                                        // $.ajax({
                                        //     url:ip+'member/transmitrecord.do',
                                        //     data:{tranType:1,openId:openId},
                                        //     success:function(){
                                        //         history.go(0)
                                        //     }
                                        // })
                                    },
                                    cancel: function () {
                                    // 用户取消分享后执行的回调函数
                                    }
                });
                    // 分享给朋友
                        wx.onMenuShareAppMessage({
                                    title: '小宠互助,帮您节省宠物看病钱!', // 分享标题
                                    desc: '仅花5元最高1500元的宠物看病补贴,火速预约吧!!!', // 分享描述
                                    link: link_url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                    imgUrl: 'http://pet.ishanka.cn/images/petlogo.jpg', // 分享图标
                                    type: 'link', // 分享类型,music、video或link,不填默认为link
                                    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                                    success: function () {
    
    
                                    // 用户确认分享后执行的回调函数
                                    // $.ajax({
                                    //         url:ip+'/member/transmitrecord.do',
                                    //         data:{tranType:1,openId:openId},
                                    //         success:function(d){
                                    //             history.go(0)
                                    //                 console.log(openId)
                                    //         }
                                    //     })
                                    },
                                    error:function(){
                                        // console.log(openId)
                                    },
                                    cancel: function () {
                                        // console.log(openId)
                                    // 用户取消分享后执行的回调函数
                                    }
                });
    
                                // 分享到QQ
                                wx.onMenuShareQQ({
                                    title: '小宠互助,帮您节省宠物看病钱!', // 分享标题
                                    desc: '仅花5元最高1500元的宠物看病补贴,火速预约吧!!!', // 分享描述
                                    link: link_url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                    imgUrl: 'http://pet.ishanka.cn/images/petlogo.jpg', // 分享图标
                                    success: function () {
    
                                    // 用户确认分享后执行的回调函数
                                        // $.get('http://192.168.10.68:8080/shanka_web/member/tranIsmitrecord.do',{tranType:1,openId:openId},function(d){
                                        //         // console.log(d);
                                        // })
                                        // $.ajax({
                                        //     url:ip+'member/transmitrecord.do',
                                        //     data:{tranType:1,openId:openId},
                                        //     success:function(){
                                        //         history.go(0)
                                        //     }
                                        // })
                                    },
                                    cancel: function () {
                                    // 用户取消分享后执行的回调函数
                                    }
                });
                        // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
                });
                wx.error(function(res){
    
                         // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
                });
    </script>
    

    相关文章

      网友评论

          本文标题:微信分享

          本文链接:https://www.haomeiwen.com/subject/ajypsftx.html