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

WBOY
풀어 주다: 2016-06-13 12:25:14
원래의
773명이 탐색했습니다.

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

授人以鱼不如授人以渔

微信支付获取用户地址

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

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

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

操作流程如下:

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
로그인 후 복사

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;
로그인 후 복사

这里有一点需要注意,有时候微信会抽风,会连续多次请求订单结算页面,造成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>
로그인 후 복사
<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>
로그인 후 복사
<span style="color: #000000;"> } else{ alert("获取地址失败,请重新点击"); } }); }</span>
로그인 후 복사

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿