【无标题】uniapp实现苹果内购功能

1.获取支付环境

// 获取支付通道
getChannels() {
    let that = this
    plus.payment.getChannels(res => {
    let channel = res.find(i => i.id === 'appleiap')
    that.iap = channel ? channel : null
    // 这一步是获取支付参数列表,也就是你苹果后台申请的商品列表 requestOrder
    that.requestOrder()
},  function(e) {
        plus.nativeUI.alert("获取支付通道失败,请稍后重试。", function() {}, "提示");
    })
},

2.获取内购项目列表

// 获取内购项目列表
requestOrder() {
    uni.showLoading({
        title: '支付环境检测中......'
    })
    this.vipRuleList = []
    this.iap.requestOrder(this.ids,res => {
        uni.hideLoading()
        this.vipRuleList = res
        this.btnFlag = true
        uni.hideLoading()
    },
    (errormsg) => {
        plus.nativeUI.alert("获取应用内购项目失败,请稍后重试。", function(e) {}, "提示");
            uni.hideLoading()
        }
    )
},

3.查询订单并且关闭订单 然后拉起支付

            /* ios内购 */
			requestPayment() {
				console.log(this.ids[this.index],"订单ID 商品ID");
				uni.showLoading({
					title: '支付中...'
				})
				let that = this
				//检测是否有未关闭订单 或者 未支付的订单 若有 关闭订单
				that.iap.restoreCompletedTransactions({
					manualFinishTransaction: true,
					username: ''
				}, (res) => {
					console.log(res,"未关闭的订单");
					if (res.length > 0) {
						that.iap.finishTransaction(res[0], (reslut) => {
							console.log(reslut, '关闭成功');
						})
					}
				}, (err) => {
					console.log(err);
				})
				uni.requestPayment({
					provider: 'appleiap',
					orderInfo: {
						productid: this.ids[this.index],
						manualFinishTransaction: false,
						// username:uni.getStorageSync('userinfo').user_id
					},
					success: (e) => {
						console.log(e, "支付结果返回");
						console.log('goods',this.vipRuleList[this.index]);
                        // 请求后台接口 并且完成支付后的逻辑
						// 后面的逻辑根据自己的需求来 我这就省略了

					},
					fail: (e) => {
						uni.hideLoading()
						console.log(e, "支付失败回调");
						uni.showModal({
							content: "支付失败",
							showCancel: false,
							success() {
								uni.navigateBack()
							}
						})
					},
					complete: () => {
						uni.hideLoading()
						this.loading = false;
					}
				})
			},

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
uniapp可以通过使用uni-pay插件来实现苹果内购功能。首先,您需要从插件市场导入uni-pay示例项目,并确保示例项目能够成功运行。这样可以确保您的配置和证书是正确的。然后,您可以将uni-pay集成到您自己的项目中。 在接入自己的项目之前,您需要注册iOS开发者账号并支付年费。还需要在iOS开发者平台上添加内购商品并获取商品ID。在进行iOS沙箱测试时,您需要先在iOS开发者平台上添加沙箱测试账号,并在测试手机上登录该沙箱账号。 需要注意的是,目前uniapp的热刷新会导致iOS支付无法正常调用。因此,每次修改代码后,需要先关闭手机App,然后重启uniapp项目,再打开手机App。这个问题将会在后续版本中修复。 在成功获取到产品ID后,您可以将其填入代码中进行配置。然后,可以选择自定义基座的方式来运行测试。 如果苹果内购的支付弹窗没有出现,在控制台报错了,可能是由于iOS内购支付漏单重试时请求服务端回调出错。您可以先将其注释掉。如果还有其他报错,可以查看控制台提示或手机弹窗并进行相应的修改。常见的报错可能包括配置回调URL、拼接URL等。 运行成功后,弹出内购界面时,您可以使用注册的沙箱账号进行支付测试。需要注意的是,同一个产品ID的沙箱账号只能购买一次,如果需要再次测试,需要清除历史购买记录。 以上是关于uniapp苹果内购的相关信息和步骤。希望对您有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [uniapp实现iOS支付苹果内购支付踩过的坑以及具体操作步骤](https://blog.csdn.net/weixin_43449246/article/details/128559142)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值