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]

H5商城在微信APP里支付相关推荐

微信小程序webview(H5页面)调用微信小程序支付
1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现: 2.微信小程序(webview访问H5页面)必须使用微信小程序支付: 如何实现以及实现方式以及支付后页面返回 ...
h5如何做微信公众号支付
上个周老大让我去做微信公众号支付,因为之前没有做过,所以看了一下微信公众号支付.其实前端做微信公众号很简单.废话不多说,直接先说一下思路,首先做支付需要前端或者后台去获取微信的code,这里是由我去做 ...
H5换起微信小程序支付
H5前端逻辑 //getWechatScheme后端返回接口 //跳到小程序方法 window.location.href //path 小程序页面路径 //query 进入小程序需接受的参数 //o ...
uni-app 微信小程序支付/公众号支付/h5支付宝/h5微信/支付宝app支付/微信app支付
思路: 先判断是app/h5/微信小程序如果是h5,判断是微信内打开还是微信外 app.vue onLaunch: function() {uni.setStorageSync('h5Type', ...
微信H5支付唤醒微信APP报【系统繁忙，请稍后再试】
微信H5开发过程中遇到了个和闹心的bug,微信社区文档都也没有找打相关bug的原因经过上上下下仔仔细细的排查,最后发现唤醒微信APP的参数缺少值,对比正常唤醒微信APP的url格式,确定是参数问题 ...
android 浏览器打开微信支付宝,Android通过webview调起微信和支付宝app进行支付
extraHeaders = new HashMap(); // extraHeaders.put("Referer", "http://zxpay.fss518.cn& ...
WebView H5 跳转微信支付、支付宝、QQ钱包WAP
最新小菜在用研究借助 WebView h5 跳转微信和支付宝支付页面,研究了挺久,一直没有找到合适的判断.很简单的两小段代码分享一下,希望可以帮助需要的朋友. 目前小菜是借助的 TBS X5 浏览器 ...
android web打开微信支付功能,Android通过webview调起微信和支付宝app进行支付
//方法一:调用系统自带浏览器进行显示 mWv_test.getSettings().setJavaScriptEnabled(true); mWv_test.loadUrl("http:/ ...
likeshop100%开源免费商用电商系统，PC商城、H5商城、小程序商城、安卓APP商城、苹果APP商城全部100%开源，免费商用
简介: 怎样是适合能够通过开发文档部署文档,这是唯一的能力要求,上手非常简单.流畅. 使用宝塔部署,即可快速搭建PC商城.小程序商城.公众号H5商城.安卓APP.苹果APP. 如果你具备开发能力,也 ...
微信app支付功能-服务端的实现-python3版
微信app支付功能-服务端的实现-python3版一:需求说明二:微信app支付处理流程三:所需依赖 3.1 支付配置四:接口开发 4.1 创建订单接口 4.2 微信异步回调接口 4.3 订单 ...

H5商城在微信APP里支付

H5商城在微信APP里支付相关推荐

最新文章

热门文章