基于h5页面调取手机app的分享功能,直接上代码:
需要引用<script src="./js/ShareSDK.js"></script>
下载地址:https://github.com/MobClub/New-JS-For-ShareSDK
function getQueryString(name) {//去url上的id var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } const userId = getQueryString("userId"); function init() { //1、配置平台信息,有开放平台账号系统的平台需要自行去申请账号 var weixinConf = {}; //微信 weixinConf["app_id"] = "";//此处需要app开发者给你 weixinConf["app_secret"] = "";//此处需要app开发者给你 platformConfig[$sharesdk.PlatformID.WechatPlatform] = weixinConf; //2、初始化ShareSDK $sharesdk.initSDKAndSetPlatfromConfig("213083b247cb1", platformConfig); } $(".btnImg").click(function () { var params = { "text": "你请客,我买单,呼朋唤友一起去(趣)约车", // 分享的文字 "imageUrl": "http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F%E5%9B%BE.jpg", // 分享的图片Url "title": "趣约车-星海广场站等你", //分享的标题 "titleUrl": "http://agent.qyueche.com/sup/ShareSdk/xing.html", "description": "你请客,我买单,呼朋唤友一起去(趣)约车", "site": "ShareSDK", "siteUrl": "http://agent.qyueche.com/sup/ShareSdk/xing.html", "url": "http://agent.qyueche.com/sup/ShareSdk/xing.html", "type": $sharesdk.ContentType.webPage }; $sharesdk.showShareMenu([$sharesdk.PlatformID.WeChat, $sharesdk.PlatformID.WeChatMoments], params, 100, 100, function (platform, state, shareInfo, error) { if (shareInfo == 1) {//分享成功 alert('领取成功!'); } else { alert('领取失败!'); } }); })
image.png
红框位置是你想要分享的途径
image.png
圆圈位置是分享后的回调方法,最坑的就是这里,为啥,我也想问为啥
我想在分享成功之后执行点别的,比如分享成功的用户给人家个优惠券啥的,BUT,看图吧
image.png
作者:代码风
链接:https://www.jianshu.com/p/40fe88f89d34