美文网首页
h5页面自定义微信分享

h5页面自定义微信分享

作者: 村长王无敌 | 来源:发表于2020-12-16 14:51 被阅读0次

官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

开发准备:公众号绑定好需要开发的服务器域名、添加服务器ip白名单

开发:

1、引入js文件

2、js代码

function share(sid){

    var url            =location.href.split('#')[0]; //(前台传到后台的url)

    var wxshare_link    =_domain+"/order-share/share-detail?share_id="+sid+"&order_id="+order_id;

    var wxshare_imgUrl  ='/images/msj.png';

    ajaxRequest('wxshare', 'post', {

        url:url,

        _csrf:csrf

    }, function (data) {

        if (data.ask) {

            layer.msg('点击右上角分享!');

            var obj =  data.ask;

            wx.config({

                debug:false,// 调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

                appId: obj.appId, // 必填,公众号的唯一标识

                timestamp: obj.timestamp, //必填,生成签名的时间戳

                nonceStr: obj.nonceStr, // 必填,生成签名的随机串

                signature: obj.signature,// 必填,签名

                jsApiList: ['updateAppMessageShareData','updateTimelineShareData']// 必填,需要使用的JS接口列表

            });

            wx.ready(function () {//需在用户可能点击分享按钮前就先调用

                wx.updateAppMessageShareData({

title:'快来帮我付款吧!!', // 分享标题

                    desc:'我看上了这款商品,快来帮我付款吧!!', // 分享描述

                    link: wxshare_link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

                    imgUrl: wxshare_imgUrl// 分享图标

                });

                wx.updateTimelineShareData({

title:'快来帮我付款吧!!', // 分享标题

                    link: wxshare_link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

                    imgUrl: wxshare_imgUrl// 分享图标

                });

                wx.error(function (res) {

                });

            });

        }

});

}

3、后台代码

相关文章

网友评论

      本文标题:h5页面自定义微信分享

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