完全依赖后台接口实现
微信小程序只能用微信支付，不用考虑支付宝接口
submit(){
var self = this;
// console.log(this.price,this.payType)
var money = 100000;
var amount = this.price;
var payType = this.payType;
if (amount == "" || amount == null ) {
uni.showToast({
title: "请填写充值金额",
icon:"none",
duration: 2000
});
this.priFocus = true
return
}
if (amount <= 0) {
uni.showToast({
title: "请填写正确的金额",
icon:"none",
duration: 2000
});
this.price = '';
this.priFocus = true
return
}
if (amount > money) {
uni.showToast({
title: "充值金额过大",
icon:"none",
duration: 2000
});
this.priFocus = true
return
}
if (payType == "" || payType == null || !payType) {
uni.showToast({
title: "请选择支付方式",
icon:"none",
duration: 2000
});
return
}
let obj = {}
obj.Amount = amount //充值金额
obj.Pay_Type = payType //类型
//因为是充值所以先请求接口生成一个订单号，存到this.invest_money_inpourno，再发支付接口，【如果是购物车或者直接购买支付，已经有订单号了，就不要需要这步，直接到invest_money_paymode()判断openid】
uni.request({
url: this.$httpUrl.OnlineInpourAdd,
method: 'POST',
data: JSON.stringify(obj),
header:{
'token':this.$utils.getToken(),
},
success: (res) => {
if(res.data.s.co === -100){
this.$utils.logBackIn(res.data.s.co,this)
}else if (res.data.s.co === 1) {
// let info = res.data.d.rd
this.invest_money_inpourno = res.data.o //得到后台返回的订单号
this.invest_money_paymode();
// this.$nextTick(() => {
// })
} else {
uni.showToast({
title: res.data.s.mg,
icon: "none",
duration: 2000
});
}
}
})
},
invest_money_paymode(){
var self = this;
let obj = {}
var payType = this.payType;
if (payType == 2) {
//微信
//https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_5_1.shtml小程序支付
//JSON
// {
// "mchid": "1900006XXX",直连商户号
// "out_trade_no": "1217752501201407033233368318",商户订单号
// "appid": "wxdace645e0bc2cXXX",应用ID
// "description": "Image形象店-深圳腾大-QQ公仔",商品描述
// "notify_url": "https://www.weixin.qq.com/wxpay/pay.php",通知地址
// "amount": {订单金额
// "total": 1,总金额
// "currency": "CNY"货币类型
// },
// "payer": {支付者
// "openid": "o4GgauInH_RCEdvrrNGrntXDuXXX"用户标识
// }
// }
// console.log(this.openid,this.invest_money_inpourno)
if(this.openid == ''){
//如果缓存里没有openid，需要通过接口获取微信openid
wx.login({
success (res) {
// console.log(res)
//这里this需要self
if (res.code) {
//发起网络请求，拿到code去请求接口
uni.request({
url: self.$httpUrl.GetOpenIDByCode,
method: 'POST',
data: {
'': res.code
},
header:{
'Content-Type': 'application/x-www-form-urlencoded',
'token':self.$utils.getToken(),
},
success: (res) => {
// console.log(res)
if (res.data.s.co === 1) {
// let info = res.data.d.rd
self.openid = res.data.s.smg //这里后台返回openid
//并放入缓存中
uni.setStorage({
key: 'Myopenid',
data: self.openid
})
//拿4个值发支付请求
self.weixinzhifu()
// self.$nextTick(() => {
// })
} else {
uni.showToast({
title: res.data.s.mg,
icon: "none",
duration: 2000
});
}
}
})
} else {
uni.showToast({
title: '登录失败！' + res.errMsg,
icon: "none",
duration: 2000
});
}
}
})
}else{
//有openid
self.weixinzhifu()
}
}
},
weixinzhifu(){
var self = this
var obj = {}
obj.Tid = this.invest_money_inpourno//订单号
obj.payWhere = 1//充值支付
obj.openid = this.openid//openid
obj.total = this.price//金额
uni.request({
url: this.$httpUrl.UnifiedOrder,
method: 'POST',
data: JSON.stringify(obj),
header:{
'token':this.$utils.getToken(),
},
success: (res) => {
// console.log(res)
if (res.data.s.co === 1) {
let info = res.data.o
//请求成功后，使用微信接口支付
wx.requestPayment
(
{
"timeStamp": info.timeStamp,
"nonceStr": info.nonceStr,
"package": info.package,
"signType": "MD5",
"paySign": info.paySign,
"success":function(res){
//支付成功跳转页面
// self.$Router.push
self.$Router.replace({
name:'accountBalance'
})
},
"fail":function(res){
//支付失败弹提示
uni.showToast({
title: res.errMsg,
icon: "none",
duration: 2000
});
},
"complete":function(res){}
}
)
} else {
uni.showToast({
title: res.data.s.mg,
icon: "none",
duration: 2000
});
}
}
})
}
标签：uniapp,obj,openid,res,self,程序,微信,uni,data From： https://www.cnblogs.com/liufeiran/p/17355001.html