为了账号安全,请及时绑定邮箱和手机立即绑定

ShareSDK

标签:
Html5

基于h5页面调取手机app的分享功能,直接上代码:
需要引用<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="./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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消