1. 程式人生 > >微信開發JS-SDK使用詳解

微信開發JS-SDK使用詳解

微信公眾平臺開發中,JS-SDK提供了很多實用的功能。操作微信介面、拍照、上傳下載語音和圖片、座標獲取、使用地圖、微信支付 等都要用到JS-SDK,但是好多人不知道怎麼用,其實不會用的都是沒有仔細看開發文件,文件裡寫的還是比較詳細的

使用時首先要注意引入js檔案,然後最最重要的是要注意使用config介面注入許可權驗證配置,好多人都是沒有做這一步然後卻說微信垃圾,介面根本沒辦法使用

wx.config({
    debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。
    appId: '', // 必填,公眾號的唯一標識
    timestamp: , // 必填,生成簽名的時間戳
    nonceStr: '', // 必填,生成簽名的隨機串
    signature: '',// 必填,簽名,見附錄1
    jsApiList: [] // 必填,需要使用的JS介面列表,所有JS介面列表見附錄2
});
當config函式執行成功後微信會回撥wx.ready函式給通知,所有的操作一定要在wx.ready函式執行後進行
wx.ready(function(){
});

這時候想使用其它介面就很簡單了,微信文件都有詳細的程式碼示例,直接複製就可以了,我這裡貼出兩個小例子
//獲取網路狀態
		function getNetworkType(){
			wx.getNetworkType({
			    success: function (res) {
			        var networkType = res.networkType; // 返回網路型別2g,3g,4g,wifi
			        alert(networkType);
			    }
			});
		}
		
		//調起掃一掃
		function scanQRCode(needResult){
			wx.scanQRCode({
			    needResult: needResult, // 預設為0,掃描結果由微信處理,1則直接返回掃描結果,
			    scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼,預設二者都有
			    success: function (res) {
			    	var result = res.resultStr; // 當needResult 為 1 時,掃碼返回的結果
			    	alert(result);
			}
			});
		}