H5商城在微信APP里支付
生活随笔
收集整理的這篇文章主要介紹了
H5商城在微信APP里支付
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[b]前言:[/b] :arrow: jsapi支付方式,必須是關注公眾號,后才能掉用微信支付,而作為非公眾號的h5畫面需要采用js sdk的方式喚起微信支付。
[b]這里推薦微信公眾平臺測試鏈接:[/b]
[url]http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login[/url]
[img]http://dl2.iteye.com/upload/attachment/0126/3997/fe081531-d30b-3fe1-852a-6089267083aa.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0126/3999/4abf9282-dfae-362c-bb18-8716d015073a.png[/img]
[b]1.獲取code[/b]
前臺get方式即可,或在后臺
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx87a416348df09713&redirect_uri=http%3A%2F%2F10.88.75.139%3A8082%2Fcheckout%2Fguest&response_type=code&scope=snsapi_base&state=1#wechat_redirect
這里redirect_uri必須是urlencode
[b]2.根據appid,secret,code獲取openId[/b]
在前臺get:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx87********f09713&secret=85327124638********963b5a50c&code=031mBHO10Uya2C1wPzM104zIO10mBHOm&grant_type=authorization_code
或在后臺:
WechatQueryCommand queryCommand = prepareWechatQueryCommand(variableMap);
if(WechatQueryCommand.QUERY_METHOD_GET.equals(queryCommand.getQueryMethod())) {
return URLConnectionUtil.getResponseBodyAsString(prepareWechatQueryCommand(variableMap).toQueryString());
} else {
return WechatUtil.post(queryCommand.getQueryUri(), queryCommand.toQueryString());
}
以上返回參數里還包括token
[b]3.調用微信統一下單接口(會遇到問題)[/b]
[img]http://dl2.iteye.com/upload/attachment/0126/4007/36220ddb-c8a5-3f7c-a91d-75346f68fe27.png[/img]
交易類型用jsapi,返回html直接
response.setContentType("text/html; charset=UTF-8");
PrintWriter out = response.getWriter();
out.print(html);
out.flush();
out.close();
會發現有問題
[img]http://dl2.iteye.com/upload/attachment/0126/3995/af99015e-5993-3eae-9a54-de4441914b67.png[/img]
[b]4.采用js-sdk喚起微信支付服務[/b]
[b]這里推薦微信公眾平臺測試鏈接:[/b]
[url]http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login[/url]
[img]http://dl2.iteye.com/upload/attachment/0126/3997/fe081531-d30b-3fe1-852a-6089267083aa.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0126/3999/4abf9282-dfae-362c-bb18-8716d015073a.png[/img]
[b]1.獲取code[/b]
前臺get方式即可,或在后臺
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx87a416348df09713&redirect_uri=http%3A%2F%2F10.88.75.139%3A8082%2Fcheckout%2Fguest&response_type=code&scope=snsapi_base&state=1#wechat_redirect
這里redirect_uri必須是urlencode
[b]2.根據appid,secret,code獲取openId[/b]
在前臺get:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx87********f09713&secret=85327124638********963b5a50c&code=031mBHO10Uya2C1wPzM104zIO10mBHOm&grant_type=authorization_code
或在后臺:
WechatQueryCommand queryCommand = prepareWechatQueryCommand(variableMap);
if(WechatQueryCommand.QUERY_METHOD_GET.equals(queryCommand.getQueryMethod())) {
return URLConnectionUtil.getResponseBodyAsString(prepareWechatQueryCommand(variableMap).toQueryString());
} else {
return WechatUtil.post(queryCommand.getQueryUri(), queryCommand.toQueryString());
}
以上返回參數里還包括token
[b]3.調用微信統一下單接口(會遇到問題)[/b]
[img]http://dl2.iteye.com/upload/attachment/0126/4007/36220ddb-c8a5-3f7c-a91d-75346f68fe27.png[/img]
交易類型用jsapi,返回html直接
response.setContentType("text/html; charset=UTF-8");
PrintWriter out = response.getWriter();
out.print(html);
out.flush();
out.close();
會發現有問題
[img]http://dl2.iteye.com/upload/attachment/0126/3995/af99015e-5993-3eae-9a54-de4441914b67.png[/img]
[b]4.采用js-sdk喚起微信支付服務[/b]
總結
以上是生活随笔為你收集整理的H5商城在微信APP里支付的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 钉钉与wcp集成通知【原创】
- 下一篇: 深圳dotnet俱乐部新群