当前位置:首页 > 微信 > 正文

微信公号分享样式。前端代码

11-25 微信

标签:logo   内容   view   cancel   success   按钮   upd   erro   info   

引入weixin.js和jquery
<script src="~/Content/UI/js/jquery.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

<script>

wx.config({ debug: false, appId: ‘@ViewBag.m_sinfo.appId‘, timestamp: ‘@ViewBag.m_sinfo.timestamp‘, nonceStr: ‘@ViewBag.m_sinfo.nonceStr‘, signature: ‘@ViewBag.m_sinfo.signature‘, jsApiList: [‘updateAppMessageShareData‘, ‘updateTimelineShareData‘, ‘checkJsApi‘] });
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容
wx.updateAppMessageShareData({
title: ‘首页‘, // 分享标题
desc: ‘欢迎您的点击‘, // 分享描述
link: ‘http://www.xxx.cn/UI/index‘, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘http://www.xxx.cn/Content/UI/img/Share/logo.png‘, // 分享图标
success: function () {
console.log("恭喜您,分享成功");
},
cancel: function () {
console.log("分享取消");
},
fail: function (res) {
console.log("分享失败:" res.errmsg);
}
});
//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
wx.updateTimelineShareData({
title: ‘首页‘, // 分享标题
desc: ‘欢迎您的点击‘, // 分享描述
link: ‘http://www.xxx.cn/UI/index‘, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: ‘http://www.xxx.cn/Content/UI/img/Share/logo.png‘, // 分享图标
success: function () {
console.log("恭喜您,分享成功");
},
cancel: function () {
console.log("分享取消");
},
fail: function (res) {
console.log("分享失败:" res.errmsg);
}
})
});
wx.error(function (res) {
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
console.log("执行出错:" res.err_msg);
});
</script>

微信公号分享样式。前端代码

标签:logo   内容   view   cancel   success   按钮   upd   erro   info   

温馨提示: 本文由杰米博客推荐,转载请保留链接: https://www.jmwww.net/weixin/15663.html

博客主人杰米WWW
杰米博客,为大家提供seo以及it方面技巧喜欢的朋友收藏哦!
  • 11365文章总数
  • 2266821访问次数
  • 建站天数
  • 头条文章

    图文推荐

    站长推荐

    友情链接