您的位置:首页 > 移动开发 > 微信开发

jsp自定义微信分享的标题,图片,摘要

2017-07-10 17:30 411 查看
1:基本配置(在此之前要有微信提供的js: jweixin-1.0.0.js)

wx.config({

            debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

            appId : "${memory.parameterMap['appid'].valuess }", // 必填,公众号的唯一标识

            timestamp : "${timestamp}", // 必填,生成签名的时间戳

            nonceStr : "${nonceStr}", // 必填,生成签名的随机串

            signature : "${signature}",// 必填,签名,见附录1

            jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',

                    'onMenuShareAppMessage', 'onMenuShareQQ',

                    'onMenuShareWeibo' ]

        // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

        });

2:分享配置,只有第一步完成后才会执行这一步(简单的小例子,具体可去参考微信的文档,我用的是ssm框架)

wx.ready(function() {

                    

                    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

                    var dTitle = "${title}";

                    var dataAbstract="${dataAbstract}";

                    var photoPath = 'http://www.ennchina.net' + '${photo}';

                    var url = "${basePath}wxgroup/qr.html?Refcode="+'${refer}'+"&DigestID="+'${DigestID}';

                    wx.onMenuShareTimeline({

                        title : dTitle, // 分享标题

                        link : url, // 分享链接

                        imgUrl : photoPath, // 分享图标

                        success : function() {

                            // 用户确认分享后执行的回调函数

                            alert("分享成功!");

                        },

                        cancel : function() {

                            // 用户取消分享后执行的回调函数

                            alert("取消分享成功!");

                        }

                    });

                    wx.onMenuShareAppMessage({

                        title : dTitle, // 分享标题

                        desc : dataAbstract, // 分享描述

                        link : url, // 分享链接

                        imgUrl : photoPath, // 分享图标

                        type : 'link', // 分享类型,music、video或link,不填默认为link

                        dataUrl : '', // 如果type是music或video,则要提供数据链接,默认为空

                        success : function() {

                            // 用户确认分享后执行的回调函数

                            alert("分享成功!");

                        },

                        cancel : function() {

                            // 用户取消分享后执行的回调函数

                            alert("取消分享成功!");

                        }

                    });

                });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: