微信分享到朋友圈 QQ空間 代碼實現


微信分享到朋友圈 QQ QQ空間 代碼實現:
前提需要,公眾號 后台配置域名白名單
下面是 頁面相關的Js,可以在要分享的頁面添加此 js文件;

var appId = ""; // 必填,公眾號的唯一標識
var timestamp = ""; // 必填,生成簽名的時間戳
var nonceStr = ""; // 必填,生成簽名的隨機串
var signature = "";// 必填,簽名,見附錄1
var lineLink = window.location.href; //分享的網頁,地址完整地址如:https://xxx.com/xxx/xxx.html
$(function () {
   $.ajax({
       url: '/index/index/getWXParam',
       type: "POST",
       data: {
           url: lineLink
       },
       success: function (res) {
           var r = eval(res);
           appId = r.appId;
           timestamp = r.timestamp;
           nonceStr = r.nonceStr;
           signature = r.signature;
           wx_fx();
       }
   });
})
function wx_fx() {
   wx.config({
       debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
       appId: appId, // 必填,公眾號的唯一標識
       timestamp: timestamp, // 必填,生成簽名的時間戳
       nonceStr: nonceStr, // 必填,生成簽名的隨機串
       signature: signature,// 必填,簽名,見附錄1
       jsApiList: [
       // 所有要調用的 API 都要加到這個列表中
           'onMenuShareTimeline', //分享給好友
           'onMenuShareAppMessage',	//分享到朋友圈
           'onMenuShareQQ',
           'onMenuShareQZone'
       ] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
   });
   wx.ready(function () {
       var imgUrl = "https://z3.ax1x.com/2021/09/03/h6s49s.png";//縮略圖
       var descContent = "修改為分享內容的簡介";
       var shareTitle = "修改為分享的標題";

       //分享到朋友圈
       wx.onMenuShareTimeline({
           title: shareTitle,
           link: lineLink,
           imgUrl: imgUrl,
           success: function (res) {
               alert("分享成功!")
           },
           cancel: function (res) {
               alert("取消分享!")
           },
           fail: function (res) {
               alert("分享失敗!");
           }

       });

       //分享給朋友
       wx.onMenuShareAppMessage({
           title: shareTitle,
           desc: descContent,
           link: lineLink,
           imgUrl: imgUrl,
           success: function (res) {
               /*shared(shareLink, "friend", shareGid);*/
               /*alert("分享給朋友成功!");*/
           },
           fail: function (res) {
               alert("分享給朋友失敗!" + JSON.stringify(res));
           }
       });
       //分享到QQ
       wx.onMenuShareQQ({
           title: shareTitle, // 分享標題
           desc: descContent, // 分享描述
           link: lineLink, // 分享鏈接
           imgUrl: imgUrl, // 分享圖標
           success: function (res) {
               // 用戶確認分享后執行的回調函數
           },
           cancel: function () {
               // 用戶取消分享后執行的回調函數
           },
           fail: function (res) {
               alert("分享qq失敗!" + JSON.stringify(res));
           }
       });

       //分享QQ空間
       wx.onMenuShareQZone({
           title: shareTitle, // 分享標題
           desc: descContent, // 分享描述
           link: lineLink, // 分享鏈接
           imgUrl: imgUrl, // 分享圖標
           success: function () {
               // 用戶確認分享后執行的回調函數
           },
           cancel: function () {
               // 用戶取消分享后執行的回調函數
           },
           fail: function (res) {
               alert("分享qq空間失敗!" + JSON.stringify(res));
           }
       });
   });
}


免責聲明!

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



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