继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

ShareSDK

SMILET
关注TA
已关注
手记 278
粉丝 80
获赞 441

基于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('领取失败!');
                }
            });

    })


webp

image.png


红框位置是你想要分享的途径

webp

image.png


圆圈位置是分享后的回调方法,最坑的就是这里,为啥,我也想问为啥
我想在分享成功之后执行点别的,比如分享成功的用户给人家个优惠券啥的,BUT,看图吧

webp

image.png



作者:代码风
链接:https://www.jianshu.com/p/40fe88f89d34


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP