`

H5商城在微信APP里支付

 
阅读更多
前言: jsapi支付方式,必须是关注公众号,后才能掉用微信支付,而作为非公众号的h5画面需要采用js sdk的方式唤起微信支付。

这里推荐微信公众平台测试链接:
http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login



1.获取code
前台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

2.根据appid,secret,code获取openId
在前台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

3.调用微信统一下单接口(会遇到问题)

交易类型用jsapi,返回html直接
response.setContentType("text/html; charset=UTF-8"); 
				PrintWriter out = response.getWriter(); 
				out.print(html);
				out.flush();  
		        out.close();

会发现有问题


4.采用js-sdk唤起微信支付服务
  • 大小: 111.7 KB
  • 大小: 62.4 KB
  • 大小: 53.6 KB
  • 大小: 5.6 KB
分享到:
评论

相关推荐

    uniapp H5集成微信JS支付

    uni-app框架下,开发H5,集成微信JS API支付,安装指定的,jweixin-module之后调用方法关键代码,搞了一星期,终于都搞明白,很简单,一看就懂了。

    微信h5支付,跨app支付,php版本,百分百可用,亲测

    微信H5支付是一种基于微信支付平台的在线支付方式,它允许用户在微信外部浏览器(如Safari、Chrome或Firefox)中打开商品页面后,通过微信完成支付流程。这种支付方式适用于各种应用程序,包括非微信应用(跨App支付...

    微信支付(H5支付。微信公众号支付)

    公众号支付是指用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块来完成支付。 适用于在公众号、朋友圈、聊天窗口等微信内完成支付的场景。 APP支付是指商户通过在...

    h5微信支付完整版_h5微信支付完整版_微信支付分_fathercxc_h5支付_微信支付_

    它允许商家在自己的H5页面中集成微信支付功能,让用户无需跳转到微信APP,就能在浏览器中完成支付操作。这个过程通常包括以下几个步骤: 1. **预支付请求**:商家服务器通过调用微信支付的API接口,生成预支付订单...

    wap端微信h5支付,用于非微信浏览器

    通过调用微信支付接口,商家可以引导用户在浏览器中完成支付流程,而无需跳转到微信App内。 2. **支付流程** - **发起请求**:商户服务器向微信支付服务器发送请求,包括商品信息、订单金额等,获取预支付交易会话...

    微信APP支付及相关文档

    在微信APP支付的过程中,主要涉及以下几个关键知识点: 1. **商户平台注册**:首先,开发者需要在微信支付商户平台上注册,获取必要的商户ID(mch_id)和API密钥(key),这两个是后续接口调用的身份凭证。 2. **...

    前端模拟微信app支付页面效果

    通过以上步骤,我们可以构建一个与微信APP支付页面相似的H5页面,提供给用户流畅且安全的支付体验。需要注意的是,实际开发中还需考虑兼容性问题,确保在各种浏览器和设备上都能正常工作。 总之,利用HTML5的特性,...

    微信h5支付-测试正常运行(可在app内调用)

    微信h5支付-测试可以正常运行(适当修改可在app内调用)

    cocos crestor 修改引擎代码实现h5支付,跳转到微信.支付宝.客户端

    你需要在原生插件中设置回调函数,以便在支付成功、失败或取消时更新H5界面。 三、跳转到微信、支付宝客户端 1. **启动支付应用**:在原生代码中,你需要调用相应的API启动微信或支付宝的支付模块。这通常涉及检查...

    H5套壳微信小程序,实现付款功能

    开发者需要注册成为微信支付商户,并获取必要的API密钥(AppID和支付密钥),这些密钥将用于在后端验证支付请求和生成支付预订单。 "jweixin-1.3.2.js"和"jweixin-1.2.0.js"是微信JS-SDK(JavaScript SDK)的版本...

    微信APP支付工具类(java)

    总结,微信APP支付工具类在Java开发中起到了桥梁的作用,它封装了与微信支付服务器的通信,简化了支付流程的实现,让开发者可以更专注于业务逻辑,提高开发效率。理解并熟练使用这些工具类,能够帮助开发者高效、...

    tp5 微信支付h5支付

    微信H5支付是微信支付为移动网页场景提供的支付解决方案,用户在手机浏览器中打开商家的H5页面,点击支付按钮后,通过调用微信支付的H5支付接口,引导用户在微信内完成支付流程。这一过程涉及的关键技术点包括商户...

    h5页面跳转微信小程序(最简单的方法-URL Scheme)

    用户可以在H5页面中浏览和选择商品、服务等内容,然后直接跳转到微信小程序中进行购买、支付等操作,避免了在不同平台之间的切换和跳转,提高了使用效率和便捷性。 对于企业和开发者来说,H5页面跳转微信小程序可以...

    PHP实现微信支付,支付宝支付对接

    浏览器中(PC或H5)访问链接,产生支付二维码使用微信扫码支付。支付宝也包含两种支付方式:1.手机访问链接,调用支付宝APP进行支付;2.电脑访问链接,产跳转到支付宝官网产生付款码进行支付。具体实现效果可以浏览...

    微信扫码支付、H5支付、公众号等支付.rar

    微信扫码支付、H5支付、公众号等支付

    iOS-支付宝/微信App支付demo

    这个【标题】"iOS-支付宝/微信App支付demo"所代表的知识点主要是关于如何在iOS应用程序中实现支付宝(Alipay)和微信支付(WeChat Pay)的集成。【描述】提到的是,开发者只需下载提供的示例代码,将其中的ID替换为...

    微信h5支付多个版本大合集

    微信H5支付是一种在网页端实现的支付方式,它允许用户在不离开浏览器或H5应用的情况下完成支付流程,极大地提升了用户体验。这个压缩包文件集合包含多个版本的微信H5支付示例,对于开发者来说是一份宝贵的参考资料。...

    微信支付+支付宝支付

    在标题“微信支付+支付宝支付”中,我们可以理解这是一个包含两部分的项目:微信支付模块和支付宝支付模块。 1. **微信支付**: 微信支付的接入需要注册成为微信支付商户,获取到APP ID、商户号(MCHID)、API密钥...

    微信支付(暂时实现了扫码支付、app支付、h5支付、回调辅助函数)

    它需要调用SDK提供的接口生成预下单请求,然后在客户端展示支付参数,引导用户在微信App内完成支付流程。客户端通常会接收到一个支付跳转URL或者支付参数,通过这些信息启动微信支付。 3. **H5支付**: H5支付是...

    手机APP微信支付C#后端代码

    在移动应用开发中,微信支付是一种常见的支付方式,尤其在中国市场极为流行。本文将深入探讨“手机APP微信支付C#后端代码”这一主题,基于微信API V3版本,为开发者提供实现微信支付的关键步骤和相关知识点。 首先...

Global site tag (gtag.js) - Google Analytics