支付及场景介绍

https://open.swiftpass.cn/openapi/

https://pay.weixin.qq.com/wiki/doc/api/index.html

 

手机支付涵盖多种支付方式,主要包括公众号支付、APP支付、扫码支付、刷卡支付等,以微信支付为例。

刷卡支付 : 是指用户展示微信钱包内的“刷卡条码/二维码”给商户系统扫描后直接完成支付,适用于线下面对面收银的场景,

如超市、便利店等。(被扫,线下)

扫码支付 : 是指商户系统按微信支付协议生成支付二维码,用户再用微信“扫一扫”来完成支付,

适用于PC网站支付、实体店单品等场景。(主扫,线上)

公众号支付 : 是指用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付

模块来完成支付,适用于在公众号、朋友圈、聊天窗口等微信内完成支付的场景。

WAP支付 : 是基于公众号基础开发的一种非微信内浏览器支付方式(需要单独申请支付权限),可以满足在微信外的手机H5页面进行微信支付的需求!简单来说,就是通过PC、手机网页来实现下单支付。(俗称H5支付)

APP支付 : 是指商户通过在移动端应用APP中集成开放SDK调起微信支付模块来完成支付。适用于在移动端APP中集成微信支付功能的场景。

网关支付 : 是指用户需要开通网上银行后在线完成支付,主要对象是国内主要银行借记卡和信用卡,是银行系统为企业或个人提供的安全、快捷、稳定的支付服务

快捷支付 : 快捷支付指用户购买商品时,不需开通网银,只需提供银行卡卡号、户名、手机号码等信息,银行验证

手机号码正确性后,第三方支付发送手机动态口令到用户手机号上,用户输入正确的手机动态口令,

即可完成支付。

【统一】刷卡支付

刷卡支付是用户展示微信钱包,支付宝内的“刷卡条码/二维码”给商户系统扫描后直接完成支付的模式。主要应用线下面对面收银的场景。

场景介绍(以微信为例)

步骤1:用户选择刷卡支付付款并打开微信,进入“我”->“钱包”->“收付款”条码界面;

步骤2:收银员在商户系统操作生成支付订单,用户确认支付金额;

步骤3:商户收银员用扫码设备扫描用户的条码/二维码,商户收银系统提交支付;

步骤4:微信支付后台系统收到支付请求,根据验证密码规则判断是否验证用户的支付密码,不需要验证密码的交易直接发起

             扣款,需要验证密码的交易会弹出密码输入框。支付成功后微信端会弹出成功页面,支付失败会弹出错误提示。

(注:用户刷卡条形码规则:18位纯数字,以10、11、12、13、14、15开头)

支付及场景介绍_第1张图片支付及场景介绍_第2张图片

扫码支付(微信/支付宝/QQ/京东/银联/百度... ...)

扫码支付是商户系统按微信/支付宝/QQ/京东/银联/百度... ...支付协议生成支付二维码,用户再用微信/支付宝/QQ/京东/银联/百度... ...“扫一扫”完成支付的模式。该模式适用于PC网站支付、实体店单品或订单支付、媒体广告支付等场景。

场景介绍(以微信为例)

用户扫描商户展示在各种场景的二维码进行支付。

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

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

支付及场景介绍_第3张图片

 

步骤(3):用户确认支付,输入支付密码(如图6.4)。

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

支付及场景介绍_第4张图片

公众号支付(微信/支付宝服务窗/QQ... ...)

公众号支付是用户在微信/支付宝/QQ... ...打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。应用场景有:

  1. ◆ 用户在微信公众账号内进入商家公众号,打开某个主页面,完成支付
  2. ◆ 用户的好友在朋友圈、聊天窗口等分享商家页面连接,用户点击链接打开商家页面,完成支付
  3. ◆ 将商户页面转换成二维码,用户扫描二维码后在微信浏览器中打开页面后完成支付

 

场景介绍(以微信为例)

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

步骤(1):如图7.1,商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页。

步骤(2):如图7.2,进入商户网页,用户选择购买,完成选购流程。

支付及场景介绍_第5张图片

 

步骤(3):如图7.3,调起微信支付控件,用户开始输入支付密码。

步骤(4):如图7.4,密码验证通过,支付成功。商户后台得到支付成功的通知。

支付及场景介绍_第6张图片

 

步骤(5):如图7.5,返回商户页面,显示购买成功。该页面由商户自定义。

步骤(6):如图7.6,微信支付公众号下发支付凭证。

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

支付及场景介绍_第7张图片

 

注意:商户也可以把商品网页的链接生成二维码,用户扫一扫打开后即可完成购买支付。

交互细节:

以下是支付场景的交互细节,请认真阅读,设计商户页面的逻辑:

(1)用户打开商户网页选购商品,发起支付,在网页通过JavaScript调用getBrandWCPayRequest接口,发起微信支付请求,用户进入支付流程。

(2)用户成功支付点击完成按钮后,商户的前端会收到JavaScript的返回值。商户可直接跳转到支付成功的静态页面进行展示。

(3)商户后台收到来自微信开放平台的支付成功回调通知,标志该笔订单支付成功。

注:(2)和(3)的触发不保证遵循严格的时序。JS API返回值作为触发商户网页跳转的标志,但商户后台应该只在收到微信后台的支付成功回调通知后,才做真正的支付成功的处理。

WAP支付即H5支付(微信/支付宝/QQ/)

wap支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。

 

场景介绍(以微信为例)

用户在H5页面中或者APP中唤起手机微信支付模块来完成支付功能

支付及场景介绍_第8张图片

支付及场景介绍_第9张图片

支付及场景介绍_第10张图片

APP支付

APP支付又称移动端支付,是商户通过在移动端应用APP中集成开放SDK调起支付模块完成支付的模式。

场景介绍(以微信为例)

适用于商户在移动端APP中集成微信支付功能。

商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。

目前微信支付支持手机系统有:IOS(苹果)、Android(安卓)和WP(Windows Phone)。

交互细节如下:

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

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

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

支付及场景介绍_第11张图片

 

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

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

支付及场景介绍_第12张图片

你可能感兴趣的:(支付)