热门标签

微信小程序实现微信支付

封装小程序2020-07-21 20:46:370

配置支付

image


配置完成后得到AppKEY值。

image


image

微信商户ID:微信商户分配的ID号。微信帮助
微信商户秘钥:微信商户平台配置的密钥。微信帮助
异步通知地址:网站程序对应的导步通知网址,支付完成后微信回复此网址。微信帮助
小程序appid:小程序【开发设置】内查找。如图
小程序secert:小程序【开发设置】内查找。如图

image

支付后跳转页面路径:要求全网址,如:http://www.baidu.com/1.html

微信异步不能带有任何参数。只能填写文件网址如:http://域名/wxpay.php ,具体要求查看微信相关帮助。

网站集成

代码

<script  src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> 
<script src=" 
<script src=" 
<script >
   function topay() { //跳转支付,topay可自定义。
         wx.miniProgram.getEnv(function(res) { // wx.miniProgram.getEnv小程序定义
             if(res.miniprogram){    //判断是否为小程序环境,res.miniprogram小程序定义
                 var ordersn = '';   //要支付的订单号,确保唯一 如20190329123456,不能空。
                 var money = '';     //要支付的金额 如200,不能空。
                 var key = '';       //配置完成后得到平台AppKEY值。,不能空。
                    var goodsname = '';    //商品名称,不能空。
                 var encrypt_str = encryption(ordersn,money,key,goodsname);//跳转小程序需要带的参数
                 var url = "/zsk_browser/pages/pay/pay?encrypt_str=" + encrypt_str;//跳转小程序的路径
                 wx.miniProgram.redirectTo({ //跳转小程序方法
                     url: url                 });
             }
         })
     }
</script>

跳转小程序支付代码,ordersn,money,key 三个参数均不能为空,空时无法跳转支付。
ordersn:定单号,系统与网站代码统一
money:支付的金额,异步确定是否支付。
goodsname: 商品名称
key:小程序配置页分配的KEY值,如图:
image

DEMO

不能直接使用,补全信息才可以正常使用。

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>小程序支付demo</title>
<script  src=" 
<script src=" 
<script src=" 
</head>
<body>
<script >
   function topay() { //跳转支付
         wx.miniProgram.getEnv(function(res) { 
             if(res.miniprogram){    //判断是否为小程序环境
                 var ordersn = '';   //要支付的订单号,确保唯一 如20190329123456
                 var money = '';     //要支付的金额 如200
                 var key = '';       //你的AppKey,在小程序配置页面获取 
                    var goodsname = '';    //商品名称
                 var encrypt_str = encryption(ordersn,money,key,goodsname);//跳转小程序需要带的参数
                 var url = "/zsk_browser/pages/pay/pay?encrypt_str=" + encrypt_str;//跳转小程序的路径
                 wx.miniProgram.redirectTo({ //跳转小程序方法
                     url: url                 });
             }
         })
     }
</script>
 <a href="#" onclick="topay()">小程序微信支付</a>
</body>
</html>

常见问题

支付完成后跳转网址
在支付相关配置里面配置
支付完成后如何知道用户是否支付
异步通知,每种支付平台都有异步,请查看对应平台帮助。导步的网址在支付相关配置内置。
无法付提示:获取定单失败
image

1、查看小程序支付相关配置是否正确。
2、如果该网站支持公众号支付,需要确保小程序支付传递的订单号ordersn在公众号支付中未使用过微信统一下单接口,否则将无法调起微信小程序支付。
(建议小程序支付订单号加后缀用来区分订单号,避免订单号重复。如:公众号支付订单号为:20190329123456,则小程序订单号为:20190329123456a)



相关阅读
    没有了
Hello,欢迎来咨询~
点击在线咨询