产品介绍

APP支付

APP支付是指商户通过在移动端应用APP中集成开放SDK调起微信支付模块来完成支付。目前微信支付支持手机系统有:IOS(苹果)、Android(安卓)和WP(Windows Phone)

应用场景

APP支付适用于在移动端APP中集成微信支付功能的场景。商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。具体操作流程如下:


步骤一 用户进入商户APP,选择商品下单、确认购买,进入支付环节。商户服务后台生成支付订单,签名后将数据传输到APP端。以微信提供的DEMO为例,见图1.1。

步骤二 用户点击后发起支付操作,进入到微信界面,调起微信支付,出现确认支付界面,见图1.2。

步骤三 用户确认收款方和金额,点击立即支付后出现输入密码界面,可选择零钱或银行卡支付见图1.3。


图1.1 商户APP界面实例

图1.2 跳转到微信支付

图1.3 用户确认支付


步骤四 输入正确密码后,支付完成,用户端微信出现支付详情页面。见图1.4。

步骤五 回跳到商户APP中,商户APP根据支付结果个性化展示订单处理结果。见图1.5。


图1.4 支付成功提示页面

图1.5 返回到商户APP提示


JSAPI支付

JSAPI支付是指商户通过调用微信支付提供的JSAPI接口,在支付场景中调起微信支付模块完成收款。

应用场景

JSAPI支付适用于线下场所、公众号场景和PC网站场景。

商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程。具体操作流程如下:


步骤一 如图2.1,进入商户网页,用户选择购买,完成选购流程。

步骤二 如图2.2、如图2.3,调起微信支付控件,用户开始输入支付密码。


图2.1 商户网页下单

图2.2 请求微信支付

图2.3 用户确认支付,输入密码


步骤三 如图2.4,密码验证通过,支付成功。商户后台得到支付成功的通知。

步骤四 如图2.5,返回商户页面,显示购买成功。该页面由商户自定义。

步骤五 如图2.6,微信支付公众号下发支付凭证。

步骤六 商户公众号下发消息,提示发货成功。该步骤可选。


图2.4 用户支付成功提示

图2.5 返回商户页面

图2.6 用户收到微信通知



Native支付

Native支付是指商户系统按微信支付协议生成支付二维码,用户再用微信“扫一扫”完成支付的模式。

应用场景

Native支付适用于PC网站、实体店单品或订单、媒体广告支付等场景

用户扫描商户展示在各种场景的二维码进行支付,具体操作流程如下:


步骤一 商户根据微信支付的规则,为不同商品生成不同的二维码(如图3.1),展示在各种场景,用于用户扫描购买。

步骤二 用户使用微信“扫一扫”(如图3.1)扫描二维码后,获取商品支付信息,引导用户完成支付(如图3.2)。

步骤三 用户确认支付,输入支付密码(如图3.4)。


图3.1 支付二维码

图3.2 打开微信扫一扫二维码

图3.3 确认支付页面


步骤三 用户确认支付,输入支付密码(如图3.4)。

步骤四 支付完成后会提示用户支付成功(如图3.5),商户后台得到支付成功的通知,然后进行发货处理。


图3.4 用户确认支付,输入密码

图3.5 支付成功提示


H5支付

H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。

说明:要求商户已有H5商城网站,并且已经过ICP备案,即可申请接入。


提醒:H5支付不建议在APP端使用,如需要在APP中使用微信支付,请接APP支付,文档详见《APP支付文档》

应用场景

H5支付主要用于触屏版的手机浏览器请求微信支付的场景,方便从外部浏览器唤起微信支付。

用户侧使用H5支付具体操作流程如下:


步骤一 用户从非微信浏览器的站点导航进入商户H5网页,用户挑选需购买商品,选择微信支付发起购买流程。

步骤二 进入微信客户端确认交易,输入支付密码。



步骤三 支付成功,用户收到支付凭证,同时商户后台收到支付成功的通知。





技术咨询

文档反馈