uniapp 开发app，唤醒微信小程序支付

原创已于 2023-11-03 10:53:43 修改 · 2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #javascript

于 2022-11-14 11:03:38 首次发布

uniapp 专栏收录该内容

13 篇文章

订阅专栏

这个博客主要讲述了如何在APP中实现微信支付功能，并在支付成功后通过微信API跳转到小程序的订单详情页面。在用户点击支付按钮后，会检查支付状态，如果已支付，则使用uni.switchTab切换到首页。同时，代码展示了在APP环境中获取微信服务并启动小程序的流程，如果环境不支持微信操作，将显示相应提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<view v-cloak>
		<u-button shape="circle" @click="submit" :disabled="disabled">立即支付</u-button>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				disabled: false,
				sweixin: null,
			}
		},
		onShow() {
			if (this.disabled) {
				uni.switchTab({
					url: '/wuye/index/index'
				});
			}
		},
		onLoad(item) {
			// #ifdef APP-PLUS  
			plus.share.getServices((s) => {
				let shares = {};
				for (let i = 0; i < s.length; i++) {
					let t = s[i];
					shares[t.id] = t;
				}
				let sweixin = shares['weixin'];
				this.sweixin = sweixin
				console.log(this.sweixin)
			}, function(e) {
				console.log("获取分享服务列表失败：" + e.message);
			});
			//#endif
		},
		methods: {
			submit() {
				this.disabled = true
				this.$u.post(this.postUrl, '业务参数')
					.then(res => {
						if (res.code === 0) {
							var data=res.data;
								this.sweixin ? this.sweixin.launchMiniProgram({
										path: `pages/orderDetail/orderDetail?${res.data}`, //  可带参数
										type: 0, //可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
										id: '小程序的原始id' //小程序的原始id
									},
									res => {
										uni.switchTab({
											url: '/wuye/index/index'
										});
									},
									err => {
										if (err.code == -8) {
											uni.showToast({
												title: "未安装微信客户端",
												duration: 2000
											});
											setTimeout(() => {
												uni.switchTab({
													url: '/wuye/index/index'
												});
											}, 2000)
											return
										} else {
											uni.switchTab({
												url: '/wuye/index/index'
											});
										}
									}
								) : plus.nativeUI.alert('当前环境不支持微信操作!');
								return
						} else {
							this.$msg(res.msg)
						}
					})
			}
		},
	}
</script>

<style lang="scss" scoped>
</style>