H5版如何在微信外(非微信浏览器)进行微信支付技术方案

官方是支持在非微信内置浏览器中调起微信支付的!
H5支付是基于公众号基础开发的一种非微信内浏览器支付方式(需要单独申请支付权限),可以满足在微信外的手机H5页面进行微信支付的需求。同时,由于H5链接传播十分方便、来源不易追踪,商户需要特别注意做好防钓鱼、防刷单的处理,控制风险。

流程原理

接口说明

(1)用户打开商户H5网页选购商品,生成支付订单;
(2)商户调用【统一下单】接口(接口中trade_type需定义为WAP),获得预支付交易会话标识prepayid;
(3)商户按照微信H5支付协议生成deeplink;
(4)用户在商户H5网页点击deeplink调起微信支付;
(5)用户支付完成,返回商户网站查看订单结果

DEEPLINK定义:

商户server调用统一下单接口请求订单,api参见公共api【统一下单】(接口中trade_type需定义为WAP),微信会返回给商户prepayid,商户按固定格式生成deeplink,通过用户点击deeplink来调起微信支付。

DEEPLINK格式:

weixin://wap/pay?appid=wxf5b5e87a6a0fde94&noncestr=123&package=123&prepayid=wx20141203201153d7bac0d2e10889028866&sign=6AF4B69CCC30926F85770F900D098D64&timestamp=1417511263

生成DEEPLINK 的步骤:

步骤1:按URL 格式组装参数, $value 部分进行URL 编码,生成string1:

key1=Urlencode($value1)&key2=Urlencode($value2)

步骤2:对string1 作整体的Urlencode,生成string2:

String2=Urlencode(string1);

步骤3:拼接前缀,生成最终deeplink
举例如下:

String1:
appid=wxf5b5e87a6a0fde94&noncestr=123&package=WAP&prepayid=wx201412101630480281750c890475924233&sign=53D411FB74FE0B0C79CC94F2AB0E2333&timestamp=1417511263

再对整个string1 做一次URLEncode
string2:

appid%3Dwxf5b5e87a6a0fde94%26noncestr%3D123%26package%3DWAP%26prepayid%3Dwx201412101630480281750c890475924233%26sign%3D53D411FB74FE0B0C79CC94F2AB0E2

再加上协议头weixin://wap/pay? 得到最后的deeplink

weixin://wap/pay?appid%3Dwxf5b5e87a6a0fde94%26noncestr%3D123%26package%3DWAP%26prepayid%3Dwx201412101630480281750c890475924233%26sign%3D53D411FB74FE0B0C79CC94F2AB0E2333%26timestamp%3D1417511263

参数说明:

使用场景

当在非微信浏览器进行微信支付时,可在H5页面中放置按钮,如:

<a href="weixin://wap/pay?appid%3Dwxf5b5e87a6a0fde94%26noncestr%3D123%26package%3DWAP%26prepayid%3Dwx201412101630480281750c890475924233%26sign%3D53D411FB74FE0B0C79CC94F2AB0E2333%26timestamp%3D1417511263">立即支付</a>

用户通过点击按钮,唤起微信APP,进入支付界面。完成支付操作。



再如,在H5端判断非微信内部浏览时,直接重定向页面到deeplink

<script>
location = "weixin://wap/pay?appid%3Dwxf5b5e87a6a0fde94%26noncestr%3D123%26package%3DWAP%26prepayid%3Dwx201412101630480281750c890475924233%26sign%3D53D411FB74FE0B0C79CC94F2AB0E2333%26timestamp%3D1417511263";
</script>

h5支付,在之前是有部分合作商户,可以使用该接口的,只是没有公开的文档。刚才我看了下,官方已经有文档了,
接口是否有变动,我没有去确认,你可以参考一下下面的地址,以微信文档为准。
https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_1

http://wxpay.wxutil.com/mch/pay/h5.v2.php

场景demo请参考 http://wxpay.wxutil.com/mch/pay/h5.v2.php
时间: 2024-10-13 09:03:09

H5版如何在微信外(非微信浏览器)进行微信支付技术方案的相关文章

非微信内置浏览器中的网页调起微信支付的方案研究

问题来源 之前在app中集成过微信支付,当时还写了一篇扫坑贴,此种微信支付方式为app支付,即在我们自己的应用中嵌入微信支付SDK,由Native代码调起微信支付. 后来由于业务需要在我们app的WebView中打开第三方店铺的网页,在第三方网页中有微信支付按钮,测试反馈说ios可以调起微信支付,而android不可以.后来网上看到说微信内置Webview和京东的网页也可以调起微信支付,微信自己没什么奇怪的,而京东可以的话,如果它跟微信没什么合作协议的话,那么其他app应该也可以在网页中调用微信

微信双开是定时炸弹?关于非越狱iOS上微信分身高危插件ImgNaix的分析

作者:蒸米@阿里移动安全 序言 微信作为手机上的第一大应用,有着上亿的用户.并且很多人都不只拥有一个微信帐号,有的微信账号是用于商业的,有的是用于私人的.可惜的是官方版的微信并不支持多开的功能,并且频繁更换微信账号也是一件非常麻烦的事,于是大家纷纷在寻找能够在手机上登陆多个微信账号的方法,相对于iOS,Android上早就有了很成熟的产品,比如360 OS的微信双开和LBE的双开大师就可以满足很多用户多开的需求. 但是在iOS上,因为苹果的安全机制,并没有任何知名的IT厂商推出微信多开的产品,反

Android通过外部浏览器调用微信H5支付,Android+PHP详解

看了好多关于讲解微信H5支付开发的文章,大多数都是通过微信内部浏览器来调用支付接口(其实就是公众号支付),可能是因为H5支付接口刚开放不久吧. 微信官方体验链接:http://wxpay.wxutil.com/mch/pay/h5.v2.php,请在微信外浏览器打开. 看了上面的体验链接,如果感兴趣,可以接着往下看,希望对你有所帮助. 一.Android端 Android端代码相对来说比较简单一些,我这边直接调用系统浏览器打开H5支付页面 Intent intent = new Intent()

微信链接非80端口问题解决方案(伪处理)

背景:公司系统想要实现微信查询功能,但是公司服务器么有申请80端口,由于测试阶段,还不想去申请(主要怕麻烦) 由于自己有一个网络空间,之前的解决方案是将微信的相关处理写在我的空间里面,公司系统里面提供一个接口,然后我自己调用这个接口得到数据再返回给微信(因为微信不支持非80或443端口,而公司服务器么有开通响应端口) 遇到问题:首先自己网站项目多了一些没必要的东西不说,开发调试的时候麻烦,因为是两个项目,一个公司系统,一个自己的... 现在想如果把微信相关处理写在公司系统里面,这样就不用每次打开

分析一下H5直播、微信直播、抓娃娃、低延时的方案

微信直播,HTML5直播,主要方案有如下几种: 1,基于hls切片直播,前前是应用的主流,服务器可以选fms,wowza,nginx,srs之类 优点:集成方便,支持度高,兼容性好,主流手都支持,是目前直播技术主流. 缺点:延时大,一般服务器可以控制切片时长(延时可以控制在15-30秒之间) 2,基于浏览器mse技术,目前端技术上有B站的flv解码器.后端技术srs之类. 优点:集成方便,兼容性一般,原有技术平台可以保留,延时可以控制在10秒内 缺点:(主要是部分浏览器不支持mse,),目前IO

你所误解的微信公众号开发、以及微信公众号开发遇到的问题及详解

前言:有一星期没跟新博客了,最近太忙.项目赶进度就没把时间花在博客上:今天来说说所谓的微信公众号开发和填坑记录: 微信公众号:运行在微信终端的应用 (对于开发者来说比较爽的你只需考虑兼容微信浏览器,因为它是在微信浏览器环境下运行的) 微信公众号开发分为两部分: 一.传统开发(前后端分离) 推荐  页面量大的时候优点就尤其突出了 1. 微信首页 (即首页菜单.跳转链接.扫二维码.消息推送回复等功能) 不要慌  这些百分之90%都是后天来配置的,他们调用下微信公众平台提供的接口就ok了:为什么是后台

微信JSAPI模式与浏览器类型安全访问

摘要: 微信浏览器是在微信安装时内置在微信中的,针对浏览器的类型我们可以设置相应的安全策略--仅允许在微信内置浏览器中打开.本文选自<微信企业号开发完全自学手册>. 1 JSAPI模式介绍 在介绍JSAPI模式之前,首先需要介绍一下微信内置浏览器.可能很多人注意到了,在打开微信"朋友圈"链接的时候会出现进度条,如图5.1所示,这实际上就是微信内置浏览器访问页面的进度.也就是说,"朋友圈"是通过微信内置的浏览器访问的手机页面,并且微信浏览器是在微信安装时内

C#开发微信门户及应用(41)--基于微信开放平台的扫码登录处理

在现今很多网站里面,都使用了微信开放平台的扫码登录认证处理,这样做相当于把身份认证交给较为权威的第三方进行认证,在应用网站里面可以不需要存储用户的密码了.本篇介绍如何基于微信开放平台的扫码进行网站的登陆处理. 1.开放平台的认证 要使用网站的扫码登录处理,就需要先进行微信开放平台帐号的开发者资质认证,提交相关的资料,以及交付每年300元的认证费用. 认证后,建立相关的网站应用后,就有相关的APPID和APPSecret了,这些关键的参数就可以用来获取相关的用户信息了. 网站应用的应用详情界面如下

微信永久封号多久能恢复?微信号封永久可以解封吗?

在咱们的手机运用中,微信的运用频率是是最高的,现在运用微信的人群在休闲时刻都会拿起手机刷一下微信,微信朋友圈的互动许多,可是各式各样的广告随之而来.为了确保用户的安全隐私问题,现在微信永久封号新规又来了,咱们要注意以下几种行为千万不要做! 如今运用微信聊天.购物.玩游戏等等都是用户们最常见的,可是有的人还会在朋友圈或许微信群里散播一些来历不明的链接或许视频,这些都严重地影响到咱们的日子.现在微信永久封号新规来了,以下几种行为恐怕会被永久封号.那么微信被永久封号还能康复吗? 为确保用户隐私安全,优