一個(gè)專案需要在微信裡獲得當(dāng)前位置,於是就開始了我的微信開發(fā)之旅...

#微信JSSDK說(shuō)明文檔
mp. weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

JSSDK使用步驟
#步驟一：綁定網(wǎng)域名稱##綁定網(wǎng)域要求是一級(jí)網(wǎng)域.但是使用的時(shí)候可以二級(jí)網(wǎng)域下的網(wǎng)頁(yè)仍可使用該介面.

步驟二：引入JS檔http://res.wx.qq.com/open /js/jweixin-1.0.0.js
如果你的頁(yè)面啟用了https，務(wù)必引入res.wx.qq.com/open/js/jweixin-1.0.0.js

#步驟三：透過(guò)config介面注入權(quán)限驗(yàn)證設(shè)定設(shè)定這個(gè)會(huì)比較麻煩,最後講.

wx.config({
 　　debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái)，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過(guò)log打出，僅在pc端時(shí)才會(huì)打印。
 　　appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
 　　timestamp: , // 必填，生成簽名的時(shí)間戳
 　　nonceStr: '', // 必填，生成簽名的隨機(jī)串
 　　signature: '',// 必填，簽名，見(jiàn)附錄1
 　　jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表見(jiàn)附錄2
});

步驟四：透過(guò)ready介面處理成功驗(yàn)證

wx.ready(function(){
　　// config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁(yè)面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來(lái)確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。
});

步驟五：透過(guò)error介面處理失敗驗(yàn)證

wx.error(function(res){
　　// config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過(guò)期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名。
});

例如:取得地理位置介面

wx.ready(function(){
　　wx.getLocation({ 　　　　type: 'wgs84', // 默認(rèn)為wgs84的gps坐標(biāo)，如果要返回直接給openLocation用的火星坐標(biāo)，可傳入'gcj02' 　　　　success: function (res) { 　　　　var latitude = res.latitude; // 緯度，浮點(diǎn)數(shù)，范圍為90 ~ -90 　　　　var longitude = res.longitude; // 經(jīng)度，浮點(diǎn)數(shù)，范圍為180 ~ -180。 　　　　var speed = res.speed; // 速度，以米/每秒計(jì) 　　　　var accuracy = res.accuracy; // 位置精度 　　　　}　　});
});

具體的還是看官方文檔清楚些.

關(guān)於步驟三的Config說(shuō)明:

var wxConfigJson = { 　　debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái)，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過(guò)log打出，僅在pc端時(shí)才會(huì)打印。 　　appId: 'wx821bb7356e99a3a7', // 必填，公眾號(hào)的唯一標(biāo)識(shí) 　　timestamp: 1446184841, // 必填，生成簽名的時(shí)間戳 　　nonceStr: '80262bec-7cd2-4b03-b366-97fab6e91cdd', // 必填，生成簽名的隨機(jī)串 　　signature: 'fd017d631d63cef32d5f25ea276911bcb0a29782', // 必填，簽名，見(jiàn)附錄1 　　jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表見(jiàn)附錄2};@Html.Raw(new WeChatJS_SDK_Config().GetConfig()) 生成上面的wxConfigJson

下面是我寫的WeChatJS_SDK_Config類別,見(jiàn)見(jiàn)笑了.

 1 public class WeChatJS_SDK_Config
 2 {
 3     private string _appId;
 4     private int _timestamp ;// 必填，生成簽名的時(shí)間戳
 5     private string _nonceStr ;// 必填，生成簽名的隨機(jī)串
 6     private string _url;
 7     private string _sign;
 8 
 9     public WeChatJS_SDK_Config()
10     {
11         _appId = AccountConfig._appID;
12         _timestamp = Core.GetTimestamp();
13         _nonceStr = Guid.NewGuid().ToString();
14         _url = HttpContext.Current.Request.Url.ToString();
15         _sign =
16             String.Format("jsapi_ticket={0}&noncestr={1}&timestamp={2}&url={3}", Jsapi_Ticket.GetJsapi_Ticket(),
17                 _nonceStr, _timestamp, _url).Md5Entry("sha1").ToLower();
18     }
19 
20     /* Url方法的區(qū)別
21      *@Html.Raw("var originalString='"+HttpContext.Current.Request.Url.OriginalString+"';")
22     @Html.Raw("var rawUrl='"+HttpContext.Current.Request.RawUrl+"';")
23     @Html.Raw("var url='"+HttpContext.Current.Request.Url+"';")
24    
25     var originalString = 'http://xb.hnjdkj.cn:80/index/home';
26     var rawUrl = '/index/home';
27     var url = 'http://xb.hnjdkj.cn/index/home';*@
28      */
29     public string GetConfig()
30     {
31         var res = string.Format(
32             "var wxConfigJson = {{debug: {0}, appId: '{1}', timestamp: {2},nonceStr: '{3}',signature: '{4}',jsApiList: ['getLocation'] }};", Kits.AppSettings("WeChatDebug"), _appId, _timestamp, _nonceStr, _sign);
33         return res;
34     }
35 
36 }

【相關(guān)推薦】

1.

微信公眾號(hào)平臺(tái)原始碼下載

#2.?

微信開發(fā)之生命週期函數(shù)的實(shí)例教學(xué)

#3.?

微信開發(fā)之傳值取值的幾種方法介紹

4.?

詳解微信小程式支付功能開發(fā)錯(cuò)誤摘要

以上是微信開發(fā)入門（jssdk開發(fā)）的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！