js微信分享

SwordFly 發布于2019-08-21 17:38 / 1054人閱讀

摘要：首先引入微信文件新建分享統計分享次數開啟調試模式調用的所有的返回值會在客戶端出來，若要查看傳入的參數，可以在端打開，參數信息會通過打出，僅在端時才會打印。

首先引入微信文件

新建share.js

function share(datas){
    /*
     分享
     */
    //success: to share
    function encode(url) {
        return encodeURIComponent(url).replace(/"/g, "%27").replace(/"/g, "%22");
    }
    //統計分享次數
    function countShare(datas) {
        var parameter =  datas.parameter;
        var countUrl = "https://activity.xxxxxx.com/activityapi/weixin/countShare.json?activityType="+datas.activityType;
        $.ajax({
            type: "get",
            contentType:"application/x-www-form-urlencoded;charset=UTF-8",
            url: countUrl,
            dataType:"jsonp",
            jsonp:"jsoncallback",
            success: function(data){
                if(data.success){

                }else{

                }
            },
            error: function(xhr, type){

            }
        })
        return
    }
    surl = window.location.href;
    var url = "https://www.xxxxxx.com/weixin/wx_share.json?url=" + encode(window.location.href.split("#")[0]);
    var callback = function (json) {
        var data = json.message;
        data = eval("(" + data + ")");
        wx.config({
            debug: false,// 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
            appId: data.appId,// 必填，公眾號的唯一標識
            timestamp: data.timestamp,// 必填，生成簽名的時間戳
            nonceStr: data.nonceStr,// 必填，生成簽名的隨機串
            signature: data.signature,// 必填，簽名
            jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo"]// 必填，需要使用的JS接口列表
        });

        wx.ready(function () {
            var shareData = {
                title: datas.title,
                desc: datas.desc,
                link: datas.shareUrl==undefined?surl:datas.shareUrl, // 分享鏈接
                imgUrl: datas.imgUrl,
                success: function () {
                    // 用戶確認分享后執行的回調函數

                    //如果存在統計類型 則統計分享次數
                    if(datas.activityType){
                        countShare(datas);
                    }

                }
            };
            var shareFrieds = {
                title: datas.title,
                link: datas.shareUrl==undefined?surl:datas.shareUrl, // 分享鏈接
                imgUrl: datas.imgUrl,
                success: function () {
                    // 用戶確認分享后執行的回調函數

                    //如果存在統計類型 則統計分享次數
                    if(datas.activityType){
                        countShare(datas);
                    }

                }
            };
            wx.onMenuShareAppMessage(shareData);//分享給好友
            wx.onMenuShareQQ(shareData);
            wx.onMenuShareWeibo(shareData);
            wx.onMenuShareTimeline(shareFrieds);//朋友圈

            console.log("weixin support set success.");
        });
        wx.error(function (res) {
            //alert(res.errMsg);
        });
    };
    $.ajax({
        url: url,
        dataType: "jsonp",
        jsonp: "jsoncallback",
        success: function (response) {
            callback && callback(response);
        },
        error: function (xhr, type) {
            console.log("xhr:" + xhr + "type:" + type);

        }
    })
}

調用

//微信分享
var datas = {
title: "分享標題",
desc: "分享描述",
imgUrl: "分享圖片",
activityType: "xxxx",// 用來查詢分享次數
shareUrl: "分享鏈接"
};
share(datas);

云服務器 GPU云服務器 js 微信隱藏分享 js實例微信分享微信分享到朋友圈js 微信分享

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89797.html

微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

Betta 2019-08-02 11:54 評論0 收藏0
微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

NusterCache 2019-08-29 17:09 評論0 收藏0
微信二次分享

摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經大功告成了。微信二次分享效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...

Kahn 2019-08-23 12:42 評論0 收藏0
微信 js-sdk 使用心得

摘要：前端配置微信微信是微信公眾平臺面向網頁開發者提供的基于微信的網頁開發工具包，通過使用微信，網頁開發者，可借助微信高效的使用拍照掃碼錄音定位等原生應用愛具有的能力。前端配置微信 js-sdk 微信js-sdk 是微信公眾平臺面向網頁開發者提供的基于微信的網頁開發工具包，通過使用微信 js-sdk，網頁開發者，可借助微信高效的使用拍照、掃碼、錄音、定位等原生應用愛具有的能力。前端開發...

岳光 2019-08-20 17:28 評論0 收藏0
vue ＋微信二次分享／自定義分享

摘要：但是在本次開發中，我只使用了，，個別微信版本分享出來的還是沒有圖片和文案，的是沒有問題，所以又加上了棄用的，之后，安卓機也可以正常分享。微信二次分享／自定義分享從App中使用App分享（一次分享） showImg(https://segmentfault.com/img/bVbp83T?w=593&h=278); 使用微信導航欄的分享（二次分享）－－已做處理 showImg(...

diabloneo 2019-08-23 16:08 評論0 收藏0