uni-app小程序端对接杉德支付

1.目前公司要求使用第三方支付来完成项目内支付功能,这边公司对接的是杉德的新收银台这个接口,刚开始配置东西很麻烦,只能一直看他的开放平台的文档和问公司拉到对接群里面杉德的人员,直接上流程

1.注册账号,激活账号(这个是我们经理弄得,里面要填写公司信息,我们一般不清楚让领导他们来弄)

2.激活账号后去杉德宝后台登陆,配置东西网址:杉德宝企业管理平台,根据他的提示下载那个插件,进入商家中心配置证书

3.获取到序列号和授权码后进入CFCA www.cfca.com.cn去进行下载证书,下载好的证书会存储在浏览器

如果浏览器没有下载控件的话,需要按照提示去进行下载控件,下载好之后再点击下载证书进入到下面的页面下载

下载好之后需要导出私钥和公钥

点击内容,选择证书

先导出公钥出来

这边需要手动输入文件名点击保存

私钥导出差不多就是多了一个私钥密码填写

导出来后去杉德宝后台进行配置

把公钥证书上传进去就可以了

IP地址一般配置问一下后端要配置那个的,我们这边配置的是宝塔的IP

配置成功后把生成的公钥,秘钥和杉德商户号都给后端,开始接口对接,
直接上代码



//处理好后的杉德支付请求接口
toPay(){
    let data={
	"orderCode":'wx25151615510', //商品订单号
	"totalAmount": this.sandAmount(0.01),//商品金额
	"subject": '测试', //商品标题	
	"body": '测试', //商品信息
	"userId": getApp().globalData.userOpenID,//用户openid
	"notifyUrl": HTTP_REQUEST_URL + "/api/sd/notify",//回调地址    
        }
    let sandData=this.sandData()
shanPay(sandData).then(
							res => {
								console.log("成功", res.data.json.data, res.data.json.data.head.respMsg)
								let heade = res.data.json.data.head
								if (heade.respMsg !== '成功') {
									uni.showToast({
										title: heade.respMsg
									})
								}
								let data = JSON.parse(res.data.json.data.body.credential)
								let jsConfig = JSON.parse(data.params)
								console.log("查看支付请求参数", jsConfig)

								uni.hideLoading();

								uni.requestPayment({
									// #ifdef MP
									timeStamp: jsConfig.timeStamp,
									nonceStr: jsConfig.nonceStr,
									package: jsConfig.package,
									signType: jsConfig.signType,
									paySign: jsConfig.paySign,
									// #endif
									// #ifdef APP-PLUS
									provider: 'wxpay',
									orderInfo: jsConfig,
									// #endif
									success: function(res) {
										// that.$set(that, 'userinfo.now_money', that.$util.$h.Add(value, that.userinfo.now_money));
										return that.$util.Tips({
											title: '支付成功',
											icon: 'success'
										}, {
											tab: 5,
											url: '/pages/iot/mycard'
										});
									},
									fail: function(res) {
										console.log("用户取消", res)
										return that.$util.Tips({
											title: '取消支付' + res.errMsg
										});
									},
									complete: function(res) {
										if (res.errMsg == 'requestPayment:cancel') return that
											.$util.Tips({
												title: '取消支付'
											});
									}
								})
							}).catch(err => {
							console.log("错误🚀", err)
							uni.showToast({
								title: err
							})

						})
}

	/**杉德支付参数处理*/
	sandData(res){
		console.log(res, "获取当前订单数据")
		let sandData = {
			"orderCode": res.orderCode, //杉德支付订单号
			"totalAmount": res.totalAmount + "", //支付金额 需要处理
			"subject": res.subject, //商品标题
			"body": res.body,//商品信息
			"payMode": "sand_wx", //杉德支付
			"payExtra": {
				"subAppid": "wx5b88**********", //小程序appid
				"userId": res.userId,
			},
			"clientIp": "127.0.0.1", //用户的IP地址
			"txnTimeOut": this.formatDate(), //订单截止时间
			"notifyUrl": res.notifyUrl,//回调地址
			"frontUrl": "",
			"extend": ""
		}
		return sandData
	}
	/**杉德支付金额转换*/
	sandAmount(numBer){
		let result = (numBer / 1000000000).toFixed(11).replace(".", "").padStart(11, "0");
		return result
	}
	/**处理杉德支付截止时间*/
	formatDate() {
	var date = new Date();
	date.setMinutes(date.getMinutes() + 30);
	  var year = date.getFullYear();
	  var month = ("0" + (date.getMonth() + 1)).slice(-2);
	  var day = ("0" + date.getDate()).slice(-2);
	  var hours = ("0" + date.getHours()).slice(-2);
	  var minutes = ("0" + date.getMinutes()).slice(-2);
	  var seconds = ("0" + date.getSeconds()).slice(-2);
	  return year + month + day + hours + minutes + seconds;
	}

可以调起微信支付就成功了,小白记录一下对接杉德支付,有了解的大佬欢迎给点修改建议,不胜感激

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值