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


首先你需要一個分享接口地址,然后在自定義圖片  標題  描述  如下:
<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM