2. 支付方式(Payment Methods)

本文详细介绍了各种常见的支付方式,包括国内的微信支付、支付宝、云闪付和银联,以及海外的Visa、Mastercard等。还探讨了卡存在的不同形式,如磁条卡、接触式和非接触式IC卡。此外,解释了不同的交易类型,如Sale、Void、Refund、PreAuth和PreAuthComplete,以及它们在实际支付过程中的应用和区别。
摘要由CSDN通过智能技术生成

支付方式

  1. 国内常见的:微信支付(Wechat Pay),支付宝支付(Alipay),云闪付(Unionpay QR),银联(Unionpay)
  2. 海外常见支付:Visa,Mastercard,JCB,American Express
  3. 电子现金:公交卡,八达通(HK)

用卡方式

卡存在方式:

  1. 刷磁条卡,就是我们信用卡背后有一条黑色的磁条
  2. 接触式IC卡,银行卡有一小块金属,把卡片插入POS机进行读取数据
  3. 非接触式IC卡,银行卡里面有NFC线圈,就和我们刷公交卡一样,拍一下就可以完成读卡数据

卡不存在方式:

  1. 手输卡号,海外购物网站比较常见的做法,在网页输入卡号,有效期,CVV
  2. 微信,支付宝,云闪付  这类二维码付款(可能会有的人奇怪了,二维码支付和卡有什么关系,稍后介绍)
  3. ApplePay,GooglePay,HUAWEI Pay……

交易类型(只举例几种常见):

  1. Sale:又叫Purchase,消费。是最常用的支付方式,就是把消费者的钱转移到商户账户上
  2. Void:取消交易,对一笔交易进行取消,一般是在结算之前发生
  3. Refund:退货,和Void很像,但是Refund是商户给消费者打钱,相当于一个反向的Sale。有的后台会和原始交易关联起来,但是本质上是不需要原始交易,只是单纯的反向打钱
  4. Tips:小费,国内很少见,海外比较喜欢用,在做完一笔Sale交易后,给服务员的追加一笔小费
  5. PreAuth:预授权,就是冻结资金,国内最常用在酒店,入住的时候,用信用卡做预授权,冻结一部分押金。实际上没有产生资金流动,所以这种交易不算是金融交易,只是在消费者卡上冻结了一些钱而已
  6. PreAuthComplete:预授权完成,就是对预授权进行实际的结算,比如酒店结账时,对酒店的实际消费,在预授权冻结的资金上面进行实际的扣费。是真实的有资金流动的金融交易,和Sale是一个等级。海外的Sale一般都是通过预授权+预授权完成实现的,去过海外消费的人应该收到过这种短信,和国内不一样,国内就是直接消费,海外会提示预授权
在Vue.js 2.x中集成微信支付,你需要先安装一些相关的npm包,例如 `vue-element-wxapi` 或 `vue-wechat-pay`。以下是基本步骤: 1. **安装依赖**: ```bash npm install vue-element-wxapi ``` 2. **引入并注册插件**: 在main.js或其他全局文件中,注册微信支付插件: ```javascript import VueWechatPay from 'vue-element-wxapi'; Vue.use(VueWechatPay); ``` 3. **初始化配置**: 需要在组件中设置公众号AppID、商户号、公众平台证书路径等信息: ```javascript const app = new Vue({ el: '#app', data: { wxConfig: { appId: 'your_app_id', timestamp: '', nonceStr: '', signature: '', jsApiList: ['getJsApi', 'chooseWXPay'] } }, mounted() { this.initWxConfig(); }, methods: { async initWxConfig() { // 获取支付所需的配置数据,这部分通常由后台提供 const res = await axios.get('your_payment_config_api'); if (res.data.code === 0) { this.wxConfig = res.data.data; WechatPay.config(this.wxConfig); } else { console.error(res.data.message); } } } }); ``` 4. **调用微信支付功能**: 使用`WechatPay.createOrder`创建订单,`WechatPay.pay`发起支付请求: ```javascript createOrder(orderData) { return WechatPay.createOrder(orderData).then((result) => { // 打印预支付交易会话标识 console.log(result.prepayId); // 跳转到微信支付页面 window.location.href = result.url; }); }, async pay(prepayId) { try { const result = await WechatPay.checkJsApi(); // 检查JSAPI是否可用 if (result.verifyResult) { await WechatPay.pay({ _prepayId, }); } else { alert('缺少必要的JSAPI'); } } catch (error) { console.error(error); } } ``` 5. **处理回调**: 微信支付完成之后,用户会被重定向回应用,这时需要处理返回的code或者notify_url(通知地址)以处理支付结果。 注意:以上示例简化了一些细节,实际项目中可能需要处理更多边缘情况和安全性问题。同时,微信支付官方文档是最佳参考资料,务必查阅其最新指南。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值