微信网页支付应该怎么调用微信接口

发布网友发布时间：2022-04-21 14:52

共2个回答

懂视网时间：2022-04-20 02:53

支付按钮的点击事件

$(?.Save_Patient_Msg?).click(function(){
 $(?.Save_Patient_Msg?).off(?click?);
 var hrdfId = getOrderId();
 var txnAmt = $(?.sum_pay.font-red?).html(); 
 
 var data = {orderId: hrdfId, txnAmt: "0.01", 
 prodDesc: "远程诊断服务", callType: "JSAPI",
 access_token: getUrlParam("access_token")
 };
 $.ajax({
 type: ?POST?,
 url: ?/hims/api/commonPay/queryTransNo?access_token=? getUrlParam(?access_token?),
 dataType:?json?,
 contentType:?application/json?,
 data: JSON.stringify(data),
 success: function(Wxres){
  if(!Wxres){
  $.alert(?服务器拥堵，请稍后访问?)
  }else{
  console.log(Wxres);
  if(Wxres.data.respCode == ?fail?){
  $.alert(Wxres.data.respMsg);
  }else{
   //10 微信支付接口
   // 10.1 发起一个支付请求
   // 注意：此 Demo 使用 2.7 版本支付接口实现，建议使用此接口时参考微信支付相关最新文档。
   var param = Wxres.data;
   wx.config({
   debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   appId: ?wx403ead26691402fb?, // 必填，公众号的唯一标识
   timestamp: param.timestamp, // 必填，生成签名的时间戳
   nonceStr: param.noncestr, // 必填，生成签名的随机串
   signature: param.signJs,// 必填，调用js签名，
   jsApiList: [?chooseWXPay?] // 必填，需要使用的JS接口列表，这里只写支付的
   });
   wx.chooseWXPay({
   timestamp: param.timestamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
   nonceStr: param.noncestr, // 支付签名随机串，不长于 32 位
   package: "prepay_id=" param.transNo, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
   signType: "MD5", // 签名方式，默认为?SHA1?，使用新版支付需传入?MD5?
   paySign: param.sign, // 支付签名
   success: function (res) {
    if(res.errMsg == "chooseWXPay:ok"){
    //alert("支付成功");
    window.location.href = "/hims/weixin/pages/Order_ok.html?access_token=" getUrlParam("access_token");
    }else{
    alert(res.errMsg);
    }
   },
   cancel: function(res){
    //alert(?取消支付?);
   }
   });
  }
  } 
 },
 error:function(data){
  var msg = data.message || data.status;
  $.alert(?服务器错误? msg);
 }
 }); 
 return false;

});

获取url代码

function getUrlParam(name){
 //构造一个含有目标参数的正则表达式对象
 var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");
 //匹配目标参数
 var r = window.location.search.substr(1).match(reg);
 //返回参数值
 if (r!=null) return unescape(r[2]); return null;}

本文讲解了前端调用微信支付接口，更多相关内容请关注Gxl网。

热心网友时间：2022-04-20 00:01

1、申请微信支付。小程序认证以后，可以在小程序后台，微信支付菜单栏，申请微信支付。填写企业信息和对公账户，微信支付会打一笔随机金额到对公账户，输入金额完成验证后，在线签署迁移，即完成了微信支付的申请流程。
微信支付申请完，会发送微信支付商户号，商户平台用户名密码等信息到注册者邮箱。

2、配置小程序密钥。小程序后台设置页，点击生成，管理员验证二维码后，会随机生成AppSecret。请妥善保管好Appsecret，不要明文存储于服务器，AppSecret用于和微信服务器交互。比如获取用户的openid接口就需要用到.

3、设置密钥和下载证书
用申请微信支付获得的用户名和密码，登录商户平台(pay.weixin.qq.com)，在账户中心，API安全中下载证书和设置密钥。
密钥是32位，设置以后需要妥善保管，因为无法查看密钥，所有微信支付相关的接口都会使用这个密钥加密。
4、配置HTTPS服务器小程序的前端是使用微信提供的框架开发，但是后台依然是开发者自己的服务器。小程序发起的是HTTPS请求，意味着小程序开发者必须配置HTTPS服务器。配置HTTPS服务器之前，先要获取证书，证书可以向相关机构购买，腾讯云目前可以向用户提供免费的证书。
5、微信支付流程
微信支付有多种支付方式，包括刷卡支付，公众号支付，扫码支付，APP支付，所有微信支付的接口都可以到官方找到。小程序是在微信里调起支付的，其实是公众号支付，关于公众号支付的详细文档可以这里找到：http://bbs.html51.com/f-37-1/。所有公众号支付相关的链接都可以在此链接找到，开发者首先需要大概了解这些接口。

6、小程序调起微信支付，用的是小程序微信支付接口wx.requestPayment，该接口的详细描述可以查看小程序的微信支付API。
这个接口中的package和timeStamp参数是从开发者的第三方服务器返回的，package是第三方服务器从统一下单接口回复中获得。
接口中其他的参数，appId，noceStr，signType以及paySign则由小程序这边存储或者计算而得。

全部栏目

微信网页支付应该怎么调用微信接口