使用微信獲取地址信息是和微信支付一道申請(qǐng)的，微信支付申請(qǐng)通過(guò)，就可以使用該功能。

微信商城中，使用微信支付獲取用戶(hù)的收貨地址，可以省略用戶(hù)輸入地址信息的繁復(fù)流程，提高用戶(hù)體驗(yàn)。

但是可能是因?yàn)闋砍兜接脩?hù)隱私，所以在使用過(guò)程中，需要用戶(hù)自己主動(dòng)選擇使用該功能，并且是通過(guò)點(diǎn)擊的操作，我們才可以獲取到用戶(hù)的收貨地址，這一點(diǎn)是要注意的。

操作流程如下：

1.用戶(hù)打開(kāi)購(gòu)物車(chē)頁(yè)面，點(diǎn)擊結(jié)算，跳轉(zhuǎn)到一個(gè)微信的oauth2的頁(yè)面，地址為：https://open.weixin.qq.com/connect/oauth2/authorize

2.oauth2頁(yè)面將鏈接redirect到結(jié)算頁(yè)面，使用PHP獲取到鏈接中的code參數(shù)，經(jīng)過(guò)處理獲取到accessToken值。生成簽名，組裝成數(shù)組參數(shù)傳遞到頁(yè)面。

3.結(jié)算頁(yè)面使用用戶(hù)點(diǎn)擊事件，結(jié)合2中生成的數(shù)組參數(shù)完成獲取地址的功能。這里可以有一個(gè)將獲取到的地址使用ajax記錄到數(shù)據(jù)庫(kù)的功能，那么客戶(hù)下次購(gòu)物的時(shí)候，就不用麻煩了。

詳細(xì)的講下需要注意的幾點(diǎn)：

1.跳轉(zhuǎn)到微信oauth2的這個(gè)步驟，在用戶(hù)看來(lái)是沒(méi)有多少差別的，但是在程序這里就有很多的事情要做。首先是oauth2頁(yè)面的參數(shù)，其中appid為微信appid，redirect_uri為urlencode后的訂單結(jié)算頁(yè)面的地址，response_type為固定的code，scope為固定的snsapi_base，state在這個(gè)地方可隨意填寫(xiě)，還有一個(gè)#wechat_redirect，那么該鏈接的最終樣子為：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=訂單結(jié)算地址&response_type=code&scope=snsapi_base&state=隨意填寫(xiě)#wechat_redirect

2.用戶(hù)訪(fǎng)問(wèn)到該地址，被重新定位到追加了code參數(shù)訂單結(jié)算地址，在此頁(yè)面需要由程序獲取到accessToken，注意該accessToken為獲取用戶(hù)信息的accessToken跟另外一個(gè)和微信交互的access token不是同一個(gè)。

使用GET請(qǐng)求就可以獲取該accessToken，可以使用curl或者是file_get_contents。請(qǐng)求地址為：

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=APP_SECRET&code=CODE&grant_type=authorization_code;

這里有一點(diǎn)需要注意，有時(shí)候微信會(huì)抽風(fēng)，會(huì)連續(xù)多次請(qǐng)求訂單結(jié)算頁(yè)面，造成accessToken失效，需特殊處理。

這里的簽名生成和微信支付里面的簽名不一樣，這里的要簡(jiǎn)單很多，只是加密一個(gè)字符串，格式為：accesstoken=ACCESSTOKEN&appid=APPID&noncestr=32位隨機(jī)字符串&timestamp=時(shí)間戳&url=當(dāng)前頁(yè)面的URL，然后對(duì)該字符串進(jìn)行sha1加密。

在前端頁(yè)面中需要使用一連串的參數(shù)來(lái)實(shí)現(xiàn)獲取地址的功能，分別是appID，scope（默認(rèn)為jsapi_address），signType（默認(rèn)為sha1），addrSign（上面sha1加密后的字符串），timeStamp（同上文的時(shí)間戳），nonceStr（同上文的隨機(jī)字符串）。

3.在前端頁(yè)面，使用下面的js函數(shù)來(lái)完成獲取用戶(hù)地址的操作：

function get_addr()
{
  WeixinJSBridge.invoke('editAddress',{
  "appId" : "<?php echo $sign['appId']?>",
  "scope" : "jsapi_address",
  "signType" : "sha1",
  "addrSign" : "<?php echo $sign['addrSign']?>",
  "timeStamp" : "<?php echo $sign['timeStamp']?>",
  "nonceStr" : "<?php echo $sign['nonceStr']?>",
  },function(res){
  if(res.err_msg == 'edit_address:ok')
  {
      
      
      //將地址信息存入數(shù)據(jù)庫(kù)
      //將地址信息顯示在當(dāng)前頁(yè)面
    　　
      document.getElementById("address_info").innerHTML="<b>收件人："+res.userName+"</b>&nbsp;&nbsp; <b>"+res.telNumber+"</b><br /> 收貨地址："+res.proviceFirstStageName+res.addressCitySecondStageName+res.addressCountiesThirdStageName+res.addressDetailInfo;
      
 } else{ alert("獲取地址失敗，請(qǐng)重新點(diǎn)擊"); } }); }

至此，使用微信獲取用戶(hù)共享地址的開(kāi)發(fā)就完畢了。

最新評(píng)論