龙行博客

龙行博客,致力于个人经验分享源码分享,随笔文章
现在位置:首页 > 编程语言 > web前端 > 实现微信分享功能

实现微信分享功能

龙行    web前端    2018-11-13    61    0评论    百度未收录
实现微信分享功能整理

1、引入js文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
2、通过config接口注入权限验证配置

 var wxConfig = {
        debug: false,  //开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '', // 必填,公众号的唯一标识
        timestamp: , // 必填,生成签名的时间戳
        nonceStr: '', // 必填,生成签名的随机串
        signature: '',// 必填,签名
        jsApiList: [  // 必填,需要使用的JS接口列表
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'hideAllNonBaseMenuItem',
            'chooseImage',
            'showMenuItems',
            'hideMenuItems',
            'translateVoice'
        ]
    };
    wx.config(wxConfig);
3、config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

  wx.ready(function() {
        setTimeout(function() {
            wx.onMenuShareAppMessage({  //分享给好友
                title:title, // 分享标题
                desc: desc, // 分享描述
                link:location.href.split('#')[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl:location.origin + '/sc-ccal/'+ imgurl, // 分享图标
                type: 'link', // 分享类型,music、video或link,不填默认为link
                dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                success: function () {
                    console.log('分享成功'); // 用户点击了分享后执行的回调函数
                },
                fail:function(){
                    console.log('分享失败');
                }
            });
        }, 500);
    });

评论一下 分享本文 赞助站长

赞助站长X

扫码赞助站长
联系站长
龙行博客
  • 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
  • 本文网址:https://www.liaotaoo.cn/82.html
  • 上篇文章:jQuery实现画面的展开、收起和停止
  • 下篇文章:长按保存图片,或点击按钮保存
  • js
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
快捷导航
联系博主
在线壁纸
给我留言
光羽影视
音乐欣赏
返回顶部