微信小程序调用微信支付(附带图片说明)

F2E_zeke

已于 2024-06-17 16:55:32 修改

阅读量789

点赞数 13

文章标签：微信小程序微信小程序

于 2024-06-17 16:36:26 首次发布

本文链接：https://blog.csdn.net/RD_Xiaobai/article/details/139743994

版权

文章目录

前言
一、使用微信支付前-配置
二、技术实现

前言

讲述：微信小程序在使用微信支付前。需要准备的东西及配置，如果去调用微信支付SDK及API

一、使用微信支付前-配置

登录微信公众平台-功能-微信支付-接入微信支付。进行申请微信支付。

注意：功能下没有微信支付一栏，那就说明该小程序主体属于个人。个人主体小程序无法开通微信支付。
a、没有商户号的：就点击申请接入，进行创建商户号
b、有商户号的：点击查看指引，看怎么进行账号关联
已有商户号时：小程序关联商户号

链接: 账号关联指引
没有商户号时：进行创建商户号

然后填写相关资料就可以了。
a、申请材料
b、营业执照：彩色扫描件或数码照片
c、组织机构代码证：彩色扫描件或数码照片，若已三证合一，则无需提供
d、对公银行账户：包含开户行省市信息，开户账号
e、法人身份证：彩色扫描件或数码照片
链接：创建商户号

二、技术实现

商户号创建完成，且账号关联完毕。接下来就可以代码集成了。
1、微信支付SDK：

SDK	说明
JS-SDK	微信网页 JS-SDK
小程序	小程序 API
iOS	iOS 开发工具包
Android	Android 开发工具包

小程序微信支付：使用的是小程序API-wx.requestPayment，进行唤起微信收银台的。小程序支付
注意：小程序不能通过拉起H5页面做jsapi支付，小程序内只能使用小程序支付。
2、实现思路：

小程序端调用 wx.login()，拿到openid，openid是调用微信的下单接口时的必填参数
小程序端调用自己服务端的下单接口，传 openid 和其他一些业务参数，以便拿到核心支付参数
服务端收到小程序端请求后，调用微信平台的下单接口进行下单，同时组装微信支付的核心参数，timeStamp, nonceStr, package, signType, paySign成功后将这些参数返回给小程序端。
小程序端拿到服务端参数后，调用 wx.requestPayment() 唤起微信收银台。
用户输入支付密码后，返回小程序中，wx.requestPayment()的回调中有支付结果。
在 wx.requestPayment() 支付成功的回调中，调用服务端查询订单接口，为了触发服务端自主去向微信平台及时查询订单状态。
小程序端返回前一个页面刷新支付状态。

wx.requestPayment({
    "timeStamp": '',  // 时间戳
    "nonceStr": '',   // 随机字符串，长度为32个字符以下
    "package": '',    // 统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=***
    "signType": '',   // 签名算法，应与后台下单时的值一致
    "paySign": '',    // 签名
    "success": function(res){
		// 这里支付成功回调。可以查询订单状态，刷新显示
    },
    "fail": function(res){},
    "complete": function(res){}
})