Home > Backend Development > PHP Tutorial > 微信百货公司中使用微信支付接口获取用户地址

微信百货公司中使用微信支付接口获取用户地址

WBOY
Release: 2016-06-13 12:25:14
Original
792 people have browsed it

微信商城中使用微信支付接口获取用户地址

授人以鱼不如授人以渔

微信支付获取用户地址

使用微信获取地址信息是和微信支付一道申请的,微信支付申请通过,就可以使用该功能。

微信商城中,使用微信支付获取用户的收货地址,可以省略用户输入地址信息的繁复流程,提高用户体验。

但是可能是因为牵扯到用户隐私,所以在使用过程中,需要用户自己主动选择使用该功能,并且是通过点击的操作,我们才可以获取到用户的收货地址,这一点是要注意的。

操作流程如下:

1.用户打开购物车页面,点击结算,跳转到一个微信的oauth2的页面,地址为:https://open.weixin.qq.com/connect/oauth2/authorize

2.oauth2页面将链接redirect到结算页面,使用PHP获取到链接中的code参数,经过处理获取到accessToken值。生成签名,组装成数组参数传递到页面。

3.结算页面使用用户点击事件,结合2中生成的数组参数完成获取地址的功能。这里可以有一个将获取到的地址使用ajax记录到数据库的功能,那么客户下次购物的时候,就不用麻烦了。


详细的讲下需要注意的几点:

1.跳转到微信oauth2的这个步骤,在用户看来是没有多少差别的,但是在程序这里就有很多的事情要做。首先是oauth2页面的参数,其中appid为微信appid,redirect_uri为urlencode后的订单结算页面的地址,response_type为固定的code,scope为固定的snsapi_base,state在这个地方可随意填写,还有一个#wechat_redirect,那么该链接的最终样子为:

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID<span style="color: #ff0000;">&redirect_uri</span>=订单结算地址<span style="color: #ff0000;">&response_type</span>=code<span style="color: #ff0000;">&scope</span>=snsapi_base<span style="color: #ff0000;">&state</span>=随意填写#wechat_redirect
Copy after login

2.用户访问到该地址,被重新定位到追加了code参数订单结算地址,在此页面需要由程序获取到accessToken,注意该accessToken为获取用户信息的accessToken跟另外一个和微信交互的access token不是同一个。

使用GET请求就可以获取该accessToken,可以使用curl或者是file_get_contents。请求地址为:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID<span style="color: #ff0000;">&secret</span>=APP_SECRET<span style="color: #ff0000;">&code</span>=CODE<span style="color: #ff0000;">&grant_type</span>=authorization_code;
Copy after login

这里有一点需要注意,有时候微信会抽风,会连续多次请求订单结算页面,造成accessToken失效,需特殊处理。

这里的签名生成和微信支付里面的签名不一样,这里的要简单很多,只是加密一个字符串,格式为:accesstoken=ACCESSTOKEN&appid=APPID&noncestr=32位随机字符串×tamp=时间戳&url=当前页面的URL,然后对该字符串进行sha1加密。

在前端页面中需要使用一连串的参数来实现获取地址的功能,分别是appID,scope(默认为jsapi_address),signType(默认为sha1),addrSign(上面sha1加密后的字符串),timeStamp(同上文的时间戳),nonceStr(同上文的随机字符串)。

3.在前端页面,使用下面的js函数来完成获取用户地址的操作:

<span style="color: #000000;">function get_addr(){    WeixinJSBridge.invoke('editAddress',{    "appId" : "</span><span style="color: #0000ff;"></span><span style="color: #ff00ff;">php echo $sign['appId']</span><span style="color: #0000ff;">?></span><span style="color: #000000;">",    "scope" : "jsapi_address",    "signType" : "sha1",    "addrSign" : "</span><span style="color: #0000ff;"></span><span style="color: #ff00ff;">php echo $sign['addrSign']</span><span style="color: #0000ff;">?></span><span style="color: #000000;">",    "timeStamp" : "</span><span style="color: #0000ff;"></span><span style="color: #ff00ff;">php echo $sign['timeStamp']</span><span style="color: #0000ff;">?></span><span style="color: #000000;">",    "nonceStr" : "</span><span style="color: #0000ff;"></span><span style="color: #ff00ff;">php echo $sign['nonceStr']</span><span style="color: #0000ff;">?></span><span style="color: #000000;">",    },function(res){    if(res.err_msg == 'edit_address:ok')    {           </span><span style="color: #000000;">            <br>            //将地址信息存入数据库            //将地址信息显示在当前页面          </span>
Copy after login
<span>            document.getElementById("address_info").innerHTML="<b>收件人:"+res.userName+"</b>   <b>"+res.telNumber+"</b><br><span> 收货地址:"+res.proviceFirstStageName+res.addressCitySecondStageName+res.addressCountiesThirdStageName+res.addressDetailInfo;           </span></span>
Copy after login
<span style="color: #000000;"> } else{ alert("获取地址失败,请重新点击"); } }); }</span>
Copy after login

至此,使用微信获取用户共享地址的开发就完毕了。

有任何疑问,请联系QQ:97695870

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template