項(xiàng)目中很多使用到微信分享的地方枕赵，對(duì)于前端來說也算很簡(jiǎn)單了，建議寫該功能時(shí)使用微信調(diào)試工具位隶，便于調(diào)試拷窜，直接上代碼
第一步，引入微信配置文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>

//這里的AJAX用于獲取后臺(tái)數(shù)據(jù)，當(dāng)然也可以不用這么寫篮昧，您只需要提取您需要的代碼即可
$.ajax({
    url: "后臺(tái)接口地址赋荆，用于獲取需要的微信配置",
    data: {
        //需要encodeURIComponent轉(zhuǎn)碼，默認(rèn)為分享當(dāng)前地址
        url: encodeURIComponent(window.location.href)
    },
    type: 'POST',
    success: function(res) {
        //獲取數(shù)據(jù)之后的操作恋谭，如果配置信息在其他地方獲取糠睡，刪掉這段AJAX請(qǐng)求挽鞠，該參數(shù)就好
        console.log(res);
        var obj = res.data;
        //配置微信參數(shù)
        wx.config({
            debug: true, //開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來
            appId:obj.appid, //在微信綁定公眾號(hào)時(shí)生成的appid,有后臺(tái)返回 
            timestamp: obj.timestamp, //生成簽名的時(shí)間戳疚颊，由后臺(tái)返回
            nonceStr: obj.nonceStr, //生成簽名的隨機(jī)串，由后臺(tái)返回
            signature: obj.signature, //簽名信认，由后臺(tái)返回
            jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'] 
            //jsApiList參數(shù)可以有很多材义，一下一一對(duì)應(yīng)列出來
            //但是下面需要添加對(duì)應(yīng)的參數(shù)信息（下面只寫了分享到微信好友和朋友圈，方便復(fù)制）
            //onMenuShareQQ   分享到QQ好友
            //onMenuShareWeibo  分享到騰訊微博
            //onMenuShareQZone  分享QQ空間
        });
        wx.onMenuShareTimeline({
            //以下是微信的分享的配置信息嫁赏，建議從后端獲取
            title: "分享出去的標(biāo)題",
            link: "分享出去的連接地址Ｆ涞唷！潦蝇！這里的地址必須是當(dāng)前在微信綁定的域名下的地址",
            imgUrl: "分享出去的圖片地址？畎尽！攘乒！圖片也必須是綁定域名下的圖片",
            desc: "詳細(xì)描述",
            trigger: function(res) {
                // 觸發(fā)時(shí)需要做的事...
            },
            success: function() {
                // alert('分享到朋友圈成功');  
            },
            cancel: function() {
                // alert('你沒有分享到朋友圈');  
            },
            fail: function(res) {
                //這里必須寫贤牛，可以再非微信端彈出錯(cuò)誤信息，方便調(diào)試
                alert(JSON.stringify(res));
            }
        });
        wx.onMenuShareAppMessage({
            title: "分享出去的標(biāo)題",
            link: "分享出去的連接地址Ｔ蛟汀Ｑ臭ぁ！這里的地址必須是當(dāng)前在微信綁定的域名下的地址",
            desc: "詳細(xì)描述",
            imgUrl: "分享出去的圖片地址９炼铩０惚啊！圖片也必須是綁定域名下的圖片",
            trigger: function(res) {
                // 觸發(fā)時(shí)需要做的事...
            },
            success: function(res) {
                //alert('分享給朋友成功');
            },
            cancel: function(res) {
                //alert('你沒有分享給朋友');  
            },
            fail: function(res) {
                //這里必須寫爽雄，可以再非微信端彈出錯(cuò)誤信息蝠检，方便調(diào)試
                alert(JSON.stringify(res));
            }
        });
    }
});

OK，直接復(fù)制粘貼挚瘟，改改參數(shù)就行了叹谁，很簡(jiǎn)單，比較坑的是刽沾，我們?cè)谂渲昧诉@些參數(shù)之后本慕，也只能通過微信右上角的按鈕來手動(dòng)分享，這就很尷尬了侧漓，哈哈哈锅尘。。。藤违。浪腐。。

分享成功圖片

寫的比較詳細(xì)搓蚪，新手試用最佳蛤售，如有錯(cuò)希望各位在下方評(píng)論出來，謝謝妒潭。