zoukankan      html  css  js  c++  java
  • 微信JS分享功能--微信JS系列文章(二)

    • 概述

      在上一篇文章微信JS初始化-- 微信JS系列文章(一)中已经介绍了微信JS初始化的相关工作,接下来本文继续就微信JS的分享功能进行描述,供大家参考。

    • 代码
    $(document).ready(function(){
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
            appId: webParams.appId, // 必填,公众号的唯一标识
            timestamp: webParams.timestamp, // 必填,生成签名的时间戳
            nonceStr: webParams.nonceStr, // 必填,生成签名的随机串
            signature: webParams.signature,// 必填,签名,见附录1
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
        });
    
        wx.ready(function(){
            //微信分享到朋友圈
            wx.onMenuShareTimeline({
                title: webParams.title, // 分享标题
                desc: webParams.desc, // 分享描述
                link:  webParams.shareUrl, // 分享链接
                imgUrl: webParams.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                    $('#guide').hide();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    $('#guide').hide();
                }
            });
    
            //微信分享好友
            wx.onMenuShareAppMessage({
                title: webParams.title, // 分享标题
                desc: webParams.desc, // 分享描述
                link: webParams.shareUrl, // 分享链接
                imgUrl: webParams.imgUrl, // 分享图标
                type: "link", // 分享类型,music、video或link,不填默认为link
                dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    $('#guide').hide();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    $('#guide').hide();
                }
            });
    
            //分享到QQ空间
            wx.onMenuShareQZone({
                title: webParams.title, // 分享标题
                desc: webParams.desc, // 分享描述
                link:  webParams.shareUrl, // 分享链接
                imgUrl: webParams.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                    $('#guide').hide();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    $('#guide').hide();
                }
            });
    
            //分享到QQ
            wx.onMenuShareQQ({
                title: webParams.title, // 分享标题
                desc: webParams.desc, // 分享描述
                link: webParams.shareUrl, // 分享链接
                imgUrl: webParams.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                    $('#guide').hide();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    $('#guide').hide();
                }
            });
    
            //分享到腾讯微博
            wx.onMenuShareWeibo({
                title: webParams.title, // 分享标题
                desc: webParams.desc, // 分享描述
                link: webParams.shareUrl, // 分享链接
                imgUrl: webParams.imgUrl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                    $('#guide').hide();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    $('#guide').hide();
                }
            });
        });
    });

     欢迎转载,转载必须标明出处

  • 相关阅读:
    Filezilla账号设置多个文件夹
    VS中使用RDLC提示类型不一致
    VS批量添加多个文件
    SQLServer访问WebServices提示:SQL Server 阻止了对组件 'Ole Automation Procedures' 的 过程'sys.sp_OACreate' 的访问
    C#中Newtonsoft.Json 序列化和反序列化 时间格式
    C#注册OCX控件
    js中Tabs插件打开的标签页过多自动关闭
    web项目中使用火狐浏览器导出文件时文件名乱码
    html中table表格标题固定表数据行出现滚动条
    使用js方法将table表格中指定列指定行中相同内容的单元格进行合并操作。
  • 原文地址:https://www.cnblogs.com/rexfang/p/6588104.html
Copyright © 2011-2022 走看看