【小程序支付流程,h5支付流程】

不同场景的不同支付类型

1.线下场所:一般通过付款码JSAPI来实现支付

2.公众号:一般是结合H5移动端商城通过JSAPI来实现支付

3.小程序JSAPI

4.PC网站JSAPINative

5.移动端网站JSAPI 或者 H5支付

6.第三方APPAPP

微信小程序支付

需求:

  • 微信小程序账号

    需要认证、获取appid、生成secret(秘钥!!)、 开通支付 、关联商户号等

  • 商户平台账号

    ​ 需要认证、获取商户号(mch_id)、设置商户API秘钥(mch_key)— 32位包含字母数字大小写、
    APPID授权 、 配置支付接口(域名要映射到外网 )

Appid、开通微信支付功能、以及关联商户号、商户号id、秘钥(api安全)可能需要安装好几次、换浏览器才能成功、appid授权、 支付配置(支付接口JSAPI支付 )等功能都可在微信小程序官网个人中心中配置

小程序支付流程

  1. 用户点击下单后
  2. 后台先进行一次登录操作,目的拿到openid
  3. 拿到openid后,生成一个商户订单(支付类型,金额,我是谁,收钱方是谁,最后加密处理)
  4. 然后通过XML方式传输到后端
  5. 后端检测有没有问题,没有问题则生成订单并返回订单信息(prepay_id)预支付id
  6. 再对prepay_id进行二次加密,确保安全,之后返回用户端
  7. 通过wx.payAPI接口调用支付页面出来进行支付剩下的就是微信做的
  8. 等到微信确定支付完毕后会通知支付结果
  9. 通过这个结果进行相关页面展示。。。

H5支付流程

1.进入浏览器后用户点击下单后
2. 后台收到信息并生成一系列数据
3. 带到后台验证没问题后返回一个url
4. 通过url打开确认模态框(防止篡改进行二次确认)
5. 再打开弹出支付页面
6. 支付完成

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序支付是指在微信小程序中实现支付功能的一种方式。而uniapp是一种跨平台开发框架,可以使用一套代码同时开发出小程序、App、H5等多个平台的应用程序。 在uniapp中实现微信小程序支付,首先需要引入相关的uniapp插件,如"uniapp-pull-refresh"插件用于下拉刷新、"uniapp-picker"插件用于选择器等。然后,在代码中调用相关的支付API,进行支付流程的编写。 在uniapp中实现微信小程序支付的代码如下所示: 1. 引入uniapp中的微信支付插件: ``` import { wxPay } from 'uniapp-wx-pay' ``` 2. 对支付参数进行设置: ``` const payData = { appId: 'xxxx', // 微信开放平台的AppId timeStamp: 'xxxx', // 时间戳 nonceStr: 'xxxx', // 随机字符串 package: 'xxxx', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', // 签名算法类型,默认为 MD5 paySign: 'xxxx' // 签名 } ``` 3. 调用微信支付API进行支付: ``` wxPay(payData).then(res => { console.log('支付成功') }).catch(err => { console.log('支付失败') }) ``` 通过以上代码,即可在uniapp中实现微信小程序支付功能。当用户点击支付按钮时,会调用微信支付API,打开微信支付界面,用户输入支付密码后,支付结果会通过回调函数返回,开发者可以根据支付结果做相应的业务处理。 需要注意的是,在进行微信小程序支付前,需要先在微信开放平台注册小程序,获取AppId,并在小程序后台设置支付参数和配置支付证书。 总结起来,实现微信小程序支付的uniapp源码主要包括引入相关插件、设置支付参数和调用支付API等步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值