微信公众号h5支付功能

左手的ㄟ右手 2022-11-26 15:59 302阅读 0赞

首先要配置参数：jsApiList：\["chooseWXPay"\]

// 获取微信配置
    function getconfig(){
    	
    	var urls = location.href;
    	
    	$.ajax({
    		url: "http://saas.juwoxing.com/order/api.php?s=/api/share/getSignPackage",
    		type: "get",
    		dataType: "json",
    		data:{
    			url:urls,
    		},
    		success: function(res) {
    			console.log(res);
    	    var data = res;
    			
    			// 配置
    			wx.config({
    			  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    			  appId: data.appId, // 必填，公众号的唯一标识
    			  timestamp: data.timestamp, // 必填，生成签名的时间戳
    			  nonceStr: data.nonceStr, // 必填，生成签名的随机串
    			  signature: data.signature,// 必填，签名
    			  jsApiList: ["chooseWXPay"] // 必填，需要使用的JS接口列表
    			});
    			
    			
    		}
    	})
    	
    }

然后再使用

function tapjoin(){
    	$.ajax({
    		url: "http://120.77.80.30:8337/app/share/jointemplate",
    		type: "post",
    		dataType: "json",
    		data:{
    			openid:openid,
    			token:token,
    			id:id,
    			url_record_id:url_record_id,
    			mobile:mobile,
    			license_number:license_number
    		},
    		success: function(res) {
    			console.log(res);
    			if(res.code==0){
    				var data = res.data;
    				
    				//支付
    				wx.chooseWXPay({
    					appId:data.appId, 
    				   	timestamp: data.timestamps, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
    					nonceStr:data.nonceStr, //随机串
    					package:data.package,     
    					signType:data.signType,         //微信签名方式：     
    					paySign:data.paySign, //微信签名 
    				   	success: function (res) {
    						console.log(res);
    				    // 支付成功后的回调函数
    				  }
    				});
    				
    			}else{
    				alert(res.msg);
    			}
    			
    		},
    		
    	})
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关微信公众号h5支付功能

首先要配置参数：jsApiList：\["chooseWXPay"\] // 获取微信配置 function getconfig(){

左手的ㄟ右手/ 2022年11月26日 15:59/ 0 赞/ 303 阅读

相关微信公众号---微信公众号跳H5，H5网页授权获取用户信息

需求描述：在微信公众号中，跳转到第三方H5网站，第三方H5网站可以获取微信用户信息。官方API: [微信公众号网页授权][Link 1

电玩女神/ 2022年09月09日 06:03/ 0 赞/ 388 阅读

相关微信公众号支付H5调用支付详解

原文地址：http://blog.csdn.net/fengshizty/article/details/45564685 微信公众号支付最近项目需要[微信

谁借莪１个温暖的怀抱￠/ 2022年06月01日 01:13/ 0 赞/ 918 阅读

相关微信公众号支付

最重要：公众号必须有支付权限具体如何查看请百度先配置一下否则开发很蛋疼楼主这几天都在蛋疼中 1.在公众号中获取 appid, mch

怼烎@/ 2022年05月29日 11:35/ 0 赞/ 386 阅读

相关微信公众号，关联网页支付功能（公众号支付）的实现

公众号支付是用户在微信中打开商户的H5页面，商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。应用场景有： 1、用户在微信公众账号内进入商家公众号

水深无声/ 2022年05月28日 04:43/ 0 赞/ 480 阅读

相关 vue微信公众号、H5微信支付

1.H5微信支付后台会返回一个URL，前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data

我会带着你远行/ 2021年11月26日 22:44/ 0 赞/ 684 阅读

相关 H5开发微信公众号

利用H5开发微信公众号一、首先授权配置公众号设置 --》功能设置设置业务域名! ![自定义菜单][SouthEast] 这里的MP\_ve

梦里梦外;/ 2021年09月16日 02:08/ 0 赞/ 832 阅读

相关微信公众号H5 - 使用vue开发微信公众号网页

应项目需求，最近我开始了我的第一次微信公众号网页的开发，第一次接触到公众号网页的我是很懵逼的。通过了解并实现了需求的我下面来进行讲解一下，希望可以帮助到有需要的朋友。ps：

小鱼儿/ 2021年09月07日 06:12/ 0 赞/ 944 阅读

相关微信公众号H5 - 关于微信公众号h5网页实现分享图片

近期，因为产品需求，要在公众号上面实现分享图片的功能，后面发现用了weixin-js-sdk方法分享出来的图片是一个链接的形式分享的。如下图：我要的效果图： ![

怼烎@/ 2021年09月07日 06:03/ 0 赞/ 866 阅读

相关微信小程序——小程序/公众号/H5支付

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

男娘i/ 2021年07月25日 16:58/ 0 赞/ 589 阅读