浅谈前端H5自定义分享实现方法
2024-09-05 23:36:48
引入jweinxin相关js文件,然后才可以做H5的分享
<script src="js/jweixin-1.2.0.js"></script>
let wxData = '';
$.ajax({
url: baseUrl + '/api/Invitation/inviteFriendsShare',
type: "GET",
data: {
url: encodeURIComponent(window.location.href.split('#')[0])
},
success: function (res) {
signPackage = res.data;
var title = document.title;
wxData = {
"imgUrl": "https://img.boltshopvip.com/api/mtshare.png", //分享图标
"title": "麻团小课堂 | 给孩子最好的通识启蒙课,足不出户看世界!", //分享标题
"desc": '让知识陪孩子去远航!', //分享描述
"link": "https://mtdd.jsxcloud.com/h5/index.html"
};
wx.config({
debug: false,
appId: signPackage.appId,
timestamp: parseInt(signPackage.timestamp),
nonceStr: signPackage.nonceStr,
signature: signPackage.signature,
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
},
fail: function (res) {
console.log(res); }
})
wx.ready(function () {
wx.onMenuShareTimeline({
title: wxData.title,
link: wxData.link,
imgUrl: wxData.imgUrl,
success: function () {
//分享成功后的回调
}
});
wx.onMenuShareAppMessage({
title: wxData.title,
desc: wxData.desc,
link: wxData.link,
imgUrl: wxData.imgUrl,
type: 'link',
dataUrl: '',
success: function () {
//分享成功后的回调
}
});
});
最新文章
- Hadoop学习笔记—7.计数器与自定义计数器
- EF框架组件详述【Entity Framework Architecture】(EF基础系列篇3)
- 360:且用且珍惜!解决虚拟机linux启动缓慢以及ssh端卡顿的问题!
- 应用C#和SQLCLR编写SQL Server用户定义函数
- [Python]同是新手的我,分享一些经验
- 拉面馆中的移动互联网——无线KPI探讨
- 微信公众平台开发(112) 自动更新微信access token
- (转)textarea去掉右侧滚动条,去掉右下角拖拽
- PAT1023. Have Fun with Numbers
- ShareSDK QQ分享失败的坑
- KoaHub.js:使用ES6/7特性开发Node.js框架(2)
- Beta 第六天
- 关于SSH的那些事
- plus webview关闭事件监听
- PCI9054 总结(讲解非常清楚)
- Spark思维导图之Shuffle
- 华为Qinq的配置
- DPDK的安装与绑定网卡(转)
- sql 智能提示
- Scope_Pre_Post