首先你需要一個分享接口地址，然後在自定義圖片  標題  描述  如下：
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
$(function() {
    //微信分享
    $.ajax({
        "url":"https://***.***.com/getJsAPITicket",  //接口地址
        "type":"Get",
        "dataType":"json",
        "data":{"url": window.location.href},
        
 
"success":function(data){
            wxstart(data, "");
        }
    });
});
 
function wxstart(data, url){
    var url = ‘‘;  //分享的文章地址
    var appId = data.appId;
    var timestamp = data.timestamp;
    var nonceStr = data.nonceStr;
    var signature = data.signature;
    wx.config({
        debug: 
 
false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
        appId: appId, // 必填，公眾號的唯一標識
        timestamp: timestamp, // 必填，生成簽名的時間戳
        nonceStr: nonceStr, // 必填，生成簽名的隨機串
        signature: signature,// 必填，簽名，見附錄1
        jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage
 
", "onMenuShareQQ"] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
    });
     
    wx.ready(function(){
        var imgurl = ‘https://‘ + window.location.hostname + ‘/static/customerHtml/img/weixinshare.jpg‘;
        var title = ‘‘;
        var desc = ‘‘;
        wx.onMenuShareTimeline({
            title: title, // 分享標題
            desc: desc, // 分享描述
            link: url, // 分享鏈接
            imgUrl: imgurl, // 分享圖標
            success: function () { 
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () { 
                // 用戶取消分享後執行的回調函數
            }
        });
         
        wx.onMenuShareAppMessage({
            title: title, // 分享標題
            desc: desc, // 分享描述
            link: url, // 分享鏈接
            imgUrl: imgurl, // 分享圖標
            type: ‘‘, // 分享類型,music、video或link，不填默認為link
            dataUrl: ‘‘, // 如果type是music或video，則要提供數據鏈接，默認為空
            success: function () { 
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () { 
                // 用戶取消分享後執行的回調函數
            }
        });
         
        wx.onMenuShareQQ({
            title: title, // 分享標題
            desc: desc, // 分享描述
            link: url, // 分享鏈接
            imgUrl: imgurl, // 分享圖標
            success: function () { 
               // 用戶確認分享後執行的回調函數
            },
            cancel: function () { 
               // 用戶取消分享後執行的回調函數
            }
        });
    });
}
</script>

h5網頁在微信裏打開 右上角分享到微信好友或者朋友圈