c#微信開發，使用JS-SDK自定義分享功能，分享朋友圈，分享給朋友等

若是一個後端開發掌握了微信開發，甚至有微信開發上線項目，這在換工做的時候 仍是有競爭力的。

微信開發的資料不少，可是用asp.net c#進行微信開發好像比較少，或者資料不夠完整。

使用JS-SDK自定義分享功能，分享朋友圈，分享給朋友，這裏基本上不涉及後端語言。

一、首先要綁定域名，固然域名得備案。

先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」。

說明：設置此安全域名目的是爲了當發現此公衆平臺發現誘導分享行爲時，能夠根據此域名追溯到全部分享出去的連接，以及經過這些連接增長的粉絲。

二、引入js文件

在須要調用JS接口的頁面引入以下JS文件http://res.wx.qq.com/open/js/jweixin-1.0.0.js

 

說明：若是頁面啓用了https，務必要引入https://res.wx.qq.com/open/js/jweixin-1.0.0.js ，不然將沒法在iOS9.0以上系統中成功使用JSSDK

三、經過config接口注入權限驗證配置

在微信公衆平臺JSSDK說明文檔是這樣解釋的：

wx.config({  
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。  
    appId: '', // 必填，公衆號的惟一標識  
    timestamp: , // 必填，生成簽名的時間戳  
    nonceStr: '', // 必填，生成簽名的隨機串  
    signature: '',// 必填，簽名，見附錄1  
    jsApiList: [] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2  
});

四、經過ready接口處理成功驗證

wx.ready(function(){  
// config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。  
});

五、經過error接口處理失敗驗證

wx.error(function(res){  
// config信息驗證失敗會執行error函數，如簽名過時致使驗證失敗，具體錯誤信息能夠打開config的debug模式查看，也能夠在返回的res參數中查看，對於SPA能夠在這裏更新簽名。  
});

分享接口

一、獲取「分享到朋友圈」按鈕點擊狀態及自定義分享內容接口

wx.onMenuShareAppMessage({  
    title: '', // 分享標題  
    desc: '', // 分享描述  
    link: '', // 分享連接  
    imgUrl: '', // 分享圖標  
    type: '', // 分享類型,music、video或link，不填默認爲link  
    dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空  
    success: function () {   
        // 用戶確認分享後執行的回調函數  
    },  
    cancel: function () {   
        // 用戶取消分享後執行的回調函數  
    }  
});

二、獲取「分享給朋友」按鈕點擊狀態及自定義分享內容接口

wx.onMenuShareAppMessage({  
    title: '', // 分享標題  
    desc: '', // 分享描述  
    link: '', // 分享連接  
    imgUrl: '', // 分享圖標  
    type: '', // 分享類型,music、video或link，不填默認爲link  
    dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空  
    success: function () {   
        // 用戶確認分享後執行的回調函數  
    },  
    cancel: function () {   
        // 用戶取消分享後執行的回調函數  
    }  
});

完整的代碼以下：

<%--引入js文件--%>  
 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>  
<%--經過config接口注入權限驗證配置--%>  
     <script>  
        wx.config({  
            debug: false,  
            appId: '${shakeMap.appId}',  
            timestamp: '${shakeMap.timestamp}',  
            nonceStr: '${shakeMap.nonceStr}',  
            signature: '${shakeMap.signature}',  
            jsApiList: [  
                'checkJsApi',  
                'onMenuShareTimeline',  
                'onMenuShareAppMessage'  
            ]  
        });  
        wx.ready(function () {  
                <%--公共方法--%>  
            var shareData = {  
                title: '${title}',  
                desc: '${description}',  
                link: '${url}',  
                imgUrl: '${headImgUrl}',  
                success: function (res) {  
                    //alert('已分享');  
                },  
                cancel: function (res) {  
                }  
            };  
                <%--分享給朋友接口--%>  
            wx.onMenuShareAppMessage({  
                title: '${title}',  
                desc: '${description}',  
                link: '${url}',  
                imgUrl: '${headImgUrl}',  
                trigger: function (res) {  
                          //  alert('用戶點擊發送給朋友');  
                },  
                success: function (res) {  
                    //alert('已分享');  
                },  
                cancel: function (res) {  
                    //alert('已取消');  
                },  
                fail: function (res) {  
                    alert(JSON.stringify(res));  
                }  
            });  
                <%--分享到朋友圈接口--%>  
            wx.onMenuShareTimeline(shareData);  
        });  
          <%--處理失敗驗證--%>  
        wx.error(function (res) {  
            alert("error: " + res.errMsg);  
        });  
    </script>

 

C#示例 點此下載