Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 5995
Star 90
Fork 162
H
hello uni-app x
提交 9eb17436 编写于 作者: M mahaifeng
浏览文件
操作

修改支付示例

上级 ac4b8a54
隐藏空白更改
内联 并排
Showing with 174 addition and 159 deletion
pages/API/request-payment/request-payment.uvue
浏览文件 @ 9eb17436
<template> <template>
<page-head title="发起支付"></page-head> <page-head title="发起支付"></page-head>
<template v-if="providerList.length > 0"> <template v-if="providerList.length > 0">
<button style="margin-top: 20px;" type="primary" v-for="(item,index) in providerList" :key="index" <button style="margin-top: 20px;" type="primary" v-for="(item,index) in providerList" :key="index"
@click="requestPayment(item)">{{item.name}}支付</button> @click="requestPayment(item)">{{item.name}}支付</button>
</template> </template>
</template> </template>
<script> <script>
export type PayItem = { id : string, name : string } export type PayItem = { id : string, name : string, provider ?: UniProvider }
export default { export default {
data() { data() {
return { return {
btnText: "支付宝支付", btnText: "支付宝支付",
btnType: "primary", btnType: "primary",
orderInfo: "", orderInfo: "",
errorCode: 0, errorCode: 0,
errorMsg: "", errorMsg: "",
complete: false, complete: false,
providerList: [] as PayItem[] providerList: [] as PayItem[]
} }
}, },
onLoad: function () { onLoad: function () {
uni.getProvider({ uni.getProvider({
service: "payment", service: "payment",
success: (e) => { success: (e) => {
console.log("payment success:" + JSON.stringify(e)); console.log("payment success:" + JSON.stringify(e));
let array = e.provider as string[] let array = e.provider as string[]
array.forEach((value : string) => { array.forEach((value : string) => {
switch (value) { switch (value) {
case 'alipay': case 'alipay':
this.providerList.push({ this.providerList.push({
name: '支付宝', name: '支付宝',
id: "alipay", id: "alipay",
} as PayItem); provider: e.providers.find((item) : boolean => {
break; return item?.id == 'alipay'
case 'wxpay': })
this.providerList.push({ } as PayItem);
name: '微信', break;
id: "wxpay", case 'wxpay':
} as PayItem); this.providerList.push({
break; name: '微信',
default: id: "wxpay",
break; provider: e.providers.find((item) : boolean => {
} return item?.id == 'wxpay'
}) })
}, } as PayItem);
fail: (e) => { break;
console.log("获取支付通道失败：", e); default:
} break;
}); }
}, })
methods: { },
requestPayment(e : PayItem) { fail: (e) => {
const provider = e.id console.log("获取支付通道失败：", e);
if (provider == "alipay") { }
this.payAli() });
} else if (provider == "wxpay") { },
this.payWX() methods: {
} requestPayment(e : PayItem) {
}, const provider = e.id
payAli() { if (provider == "alipay") {
uni.showLoading({ this.payAli()
title: "请求中..." } else if (provider == "wxpay") {
})
uni.request({
url: 'https://demo.dcloud.net.cn/payment/alipay/?total=0.01',
method: 'GET',
timeout: 6000,
success: (res) => {
this.orderInfo = JSON.stringify(res.data);
console.log("====" + this.orderInfo)
uni.hideLoading()
uni.requestPayment({
provider: "alipay",
orderInfo: res.data as string,
fail: (res) => {
console.log(JSON.stringify(res))
this.errorCode = res.errCode
uni.showToast({
icon: 'error',
title: 'errorCode:' + this.errorCode
});
},
success: (res) => {
console.log(JSON.stringify(res))
uni.showToast({
icon: 'success',
title: '支付成功'
});
}
})
},
fail: (e) => {
console.log(e)
uni.hideLoading()
},
});
},
payWX() {
uni.showLoading({
title: "请求中..."
})
let url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__uniappx/?total=1'
const res = uni.getAppBaseInfo();
if (res.packageName == 'io.dcloud.hellouniappx') {//hello uniappx
url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__HelloUniAppX/?total=1'
}
uni.request({
url: url,
method: 'GET',
timeout: 6000,
header: {
"Content-Type": "application/json"
} as UTSJSONObject,
success: (res) => {
console.log(res.data)
uni.hideLoading()
uni.requestPayment({
provider: "wxpay",
orderInfo: JSON.stringify(res.data),
fail: (res) => {
console.log(JSON.stringify(res))
this.errorCode = res.errCode
uni.showToast({
duration: 5000,
icon: 'error',
title: 'errorCode:' + this.errorCode,
});
},
success: (res) => {
console.log(JSON.stringify(res))
uni.showToast({
duration: 5000,
icon: 'success',
title: '支付成功'
});
}
})
},
fail: (res) => {
uni.hideLoading()
console.log(res)
},
});
},
//自动化测试使用 if (e.provider != null && e.provider?.isAppExist==false) {
jest_pay() { uni.showToast({
uni.requestPayment({ title: "微信没有安装",
provider: "alipay", icon:'error'
orderInfo: this.orderInfo, })
fail: (res : RequestPaymentFail) => { } else {
this.errorCode = res.errCode this.payWX()
this.complete = true }
},
success: (res : RequestPaymentSuccess) => { }
console.log(JSON.stringify(res)) },
this.complete = true payAli() {
} uni.showLoading({
} as RequestPaymentOptions) title: "请求中..."
} })
} uni.request({
} url: 'https://demo.dcloud.net.cn/payment/alipay/?total=0.01',
method: 'GET',
timeout: 6000,
success: (res) => {
this.orderInfo = JSON.stringify(res.data);
console.log("====" + this.orderInfo)
uni.hideLoading()
uni.requestPayment({
provider: "alipay",
orderInfo: res.data as string,
fail: (res) => {
console.log(JSON.stringify(res))
this.errorCode = res.errCode
uni.showToast({
icon: 'error',
title: 'errorCode:' + this.errorCode
});
},
success: (res) => {
console.log(JSON.stringify(res))
uni.showToast({
icon: 'success',
title: '支付成功'
});
}
})
},
fail: (e) => {
console.log(e)
uni.hideLoading()
},
});
},
payWX() {
uni.showLoading({
title: "请求中..."
})
let url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__uniappx/?total=1'
const res = uni.getAppBaseInfo();
if (res.packageName == 'io.dcloud.hellouniappx') {//hello uniappx
url = 'https://demo.dcloud.net.cn/payment/wxpayv3.__UNI__HelloUniAppX/?total=1'
}
uni.request({
url: url,
method: 'GET',
timeout: 6000,
header: {
"Content-Type": "application/json"
} as UTSJSONObject,
success: (res) => {
console.log(res.data)
uni.hideLoading()
uni.requestPayment({
provider: "wxpay",
orderInfo: JSON.stringify(res.data),
fail: (res) => {
console.log(JSON.stringify(res))
this.errorCode = res.errCode
uni.showToast({
duration: 5000,
icon: 'error',
title: 'errorCode:' + this.errorCode,
});
},
success: (res) => {
console.log(JSON.stringify(res))
uni.showToast({
duration: 5000,
icon: 'success',
title: '支付成功'
});
}
})
},
fail: (res) => {
uni.hideLoading()
console.log(res)
},
});
},
//自动化测试使用
jest_pay() {
uni.requestPayment({
provider: "alipay",
orderInfo: this.orderInfo,
fail: (res : RequestPaymentFail) => {
this.errorCode = res.errCode
this.complete = true
},
success: (res : RequestPaymentSuccess) => {
console.log(JSON.stringify(res))
this.complete = true
}
} as RequestPaymentOptions)
}
}
}
</script> </script>
<style> <style>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或