使用微信獲取地址信息是和微信支付一道申請(qǐng)的,微信支付申請(qǐng)通過(guò),就可以使用該功能。
微信商城中,使用微信支付獲取用戶的收貨地址,可以省略用戶輸入地址信息的繁復(fù)流程,提高用戶體驗(yàn)。
但是可能是因?yàn)闋砍兜接脩綦[私,所以在使用過(guò)程中,需要用戶自己主動(dòng)選擇使用該功能,并且是通過(guò)點(diǎn)擊的操作,我們才可以獲取到用戶的收貨地址,這一點(diǎn)是要注意的。
操作流程如下:
1.用戶打開(kāi)購(gòu)物車頁(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è)面使用用戶點(diǎn)擊事件,結(jié)合2中生成的數(shù)組參數(shù)完成獲取地址的功能。這里可以有一個(gè)將獲取到的地址使用ajax記錄到數(shù)據(jù)庫(kù)的功能,那么客戶下次購(gòu)物的時(shí)候,就不用麻煩了。
詳細(xì)的講下需要注意的幾點(diǎn):
1.跳轉(zhuǎn)到微信oauth2的這個(gè)步驟,在用戶看來(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.用戶訪問(wèn)到該地址,被重新定位到追加了code參數(shù)訂單結(jié)算地址,在此頁(yè)面需要由程序獲取到accessToken,注意該accessToken為獲取用戶信息的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ī)字符串×tamp=時(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)完成獲取用戶地址的操作:
?1234567891011121314151617181920 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> <b>"+res.telNumber+"</b><br /> 收貨地址:"+res.proviceFirstStageName+res.addressCitySecondStageName+res.addressCountiesThirdStageName+res.addressDetailInfo; } else{ alert("獲取地址失敗,請(qǐng)重新點(diǎn)擊"); } }); }
至此,使用微信獲取用戶共享地址的開(kāi)發(fā)就完畢了。
新聞熱點(diǎn)
疑難解答
圖片精選