微信自定义分享功能

　　微信给我们提供了自定义的分享平台。

一、绑定域名：

　　登录微信公众平台，进入“公众号设置”的“功能设置”里填写“JS接口安全域名”

二、引入JS文件

　　在需要调用JS接口的页面引入JS文件：http://res.wx.qq.com/open/js/jweixin-1.0.0.js

三、通过config接口注入权限验证配置

　　在需要自定义分享的页面必须注入配置信息：

　　例如：

<span style="font-size:18px;"> wx.config({
            debug: false,
            appId: '${map.appId}',
            timestamp: '${map.timestamp}',
            nonceStr: '${map.nonceStr}',
            signature: '${map.signature}',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'hideMenuItems',
                'showMenuItems',
                'hideAllNonBaseMenuItem',
                'showAllNonBaseMenuItem',
                'translateVoice',
                'startRecord',
                'stopRecord',
                'onRecordEnd',
                'playVoice',
                'pauseVoice',
                'stopVoice',
                'uploadVoice',
                'downloadVoice',
                'chooseImage',
                'previewImage',
                'uploadImage',
                'downloadImage',
                'getNetworkType',
                'openLocation',
                'getLocation',
                'hideOptionMenu',
                'showOptionMenu',
                'closeWindow',
                'scanQRCode',
                'chooseWXPay',
                'openProductSpecificView',
                'addCard',
                'chooseCard',
                'openCard'
            ]
        });
</span>

　　其中：appId 必填，是公众号的唯一标识；timestamp必填，生成签名的时间戳；nonceStr必填，生成签名的随机串（例如：UUID）；signature必填，需要签名机制来生成；jsApiList:[]必填，需要使用的JS接口列表。

四、通过ready接口处理成功验证：

<span style="font-size:18px;"> wx.ready(function () {
            var shareData = {
                title: '${newsItem.title}',//分享标题
                desc: '${newsItem.description}',//分享描述
                link: '${url}',//分享地址
                imgUrl:'${shareImgUrl}'//分享图标
            };
            wx.onMenuShareAppMessage({
                title: '${newsItem.title}',
                desc: '${newsItem.description}',
                link: '${url}',
                imgUrl:'${shareImgUrl}',
                trigger: function (res) {
                    // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
//                    alert('用户点击发送给朋友');
                },
                success: function (res) {
                    //alert('已分享');用户确认分享后成功回调
                },
                cancel: function (res) {
                    //alert('已取消');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
            wx.onMenuShareTimeline(shareData);
            // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮
            wx.hideMenuItems({
                menuList: [
                    'menuItem:copyUrl'
                ]
            });
        });</span>

五、通过error接口处理失败验证：

<span style="font-size:18px;"> wx.error(function (res) {
            alert("error: "+ res.errMsg);
        });
</span>

　　通过上述的配置，就可以实现自定义分享的配置了。