微信SDK支付

田仲卿
2023-12-01

准备工作:

1.引入微信SDK(cdn或npm)

2.公众号注册支付的域名路径和开发者

开始调用支付

	注册信息: 一般由页面初始化时调用后端接口,一般参数传{
	当前页面域名路径 Url
	& openId 
	& orderId(订单ID)
	}之类的,得到注册信息
	1. 调用支付方法前要 注册调用的方法(API):
      wx.config({
        debug: false, //这里一般在测试阶段先用ture,等打包给后台的时候就改回false,
        appId: appId,
        timestamp: timeStamp,
        nonceStr: nonceStr,
        signature: signType,
        jsApiList: ["chooseWXPay"],
      });
	
	2. ready是注册结果的回调,毕竟你得方法注册成功才能用,才能调用支付的
	 wx.ready(function () {
        // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之
        //后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,
        //则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接
        //口,则可以直接调用,不需要放在ready函数中。
		3.调用支付
        wx.chooseWXPay({
          //  appId: appId,
          timestamp: timeStamp,
          nonceStr: nonceStr,
          package: packages,
          signType: signType,
          paySign: paySign,
          success: function (res) {
            // 支付成功后的回调函数
    
            // Toast.success("支付成功");
          },
          //如果你按照正常的jQuery逻辑,下面如果发送错误,一定是error,那你就太天真了,当然,jssdk文档中也有提到
          fail: function (res) {
            Toast.fail("支付失败");
          },
          complete: function (res) {
            //接口调用完成时执行的回调函数,无论成功或失败都会执行。
          },
          cancel: function (res) {
            //用户点击取消时的回调函数,仅部分有用户取消操作的api才会用到。
          },
          trigger: function (res) {
            //监听Menu中的按钮点击时触发的方法,该方法仅支持Menu中的相关接口。
          },
        });
      });
 类似资料: