uniapp 苹果支付内购

需要做一下处理

如果是本地打包,需要在xcode配置,liblib..两个文件,feat??文件

需要在uni中manifest.json打开内购开关
需要在app store 中配置商品信息,并且需要添加银行卡等
案例:(可能会出现丢单,需要特别处理)

<template>
	<view>
		<view class="pay-list">
			<view class="row" @click="handlePayment(index,row._id,row.price)" v-for="(row,index) in allPriceInfo" :key="index">
				<view class="name">{{row.goods_name}}</view>
				<view class="price">¥{{row.price}}</view>
			</view>
		</view>
		<view class="subPay" @click="subPaynow">立即充值</view>
	</view>
	<template>
		<script>
			export default {
				data() {
					return {
						orderId: null,
						allPriceInfo: [{
							"_id": '1001',   //这个商品的id 一定要跟在app store connect配置的ID相同
							"goods_name": "商品2",
							"price": "12",
						},
						{
							"_id": '1002',
							"goods_name": "商品2",
							"price": "12",
						},
						],
                        iapChannel: null,
				        productId: '1001', //默认苹果内购商品id 要提前在app store connect 配置 要支付的商品的标识(必须是调用uni.requestPayment返回的有效的商品标识)
				        productIds = ['1001', '1002', '1003', '1004', '1005', '1006'];  //商品的id 列表,拿后端返回的id(需要和app store中所配置的id一致)
					}
				},
				onLoad() {
					// #ifdef APP-PLUS
					//1.首先调用plus.payment.getChannels获取支付通道,IAP支付通道的ID为“appleiap”
					plus.payment.getChannels((channels) => {
						console.log("获取到channel" + JSON.stringify(channels))
						this.iapChannel = channels.find(i => i.id === 'appleiap')
						console.log("获取到iapChannel" + JSON.stringify(iapChannel))
						if (this.iapChannel) {
							this.requestOrder();
						}
						if (!this.iapChannel) {
							this.errorMsg()
						}
					}, (error) => {
						this.errorMsg()
					});
				},
				methods: {
					//苹果内支付
					//2.调用ID为“appleiap”的PaymentChannel对象的requestOrder方法,像Appstore请求有效的商品详情。注意:IAP支付必须在调用payment.request方法之前,调用requestOrder方法,否则调用payment.request将会报错。
					requestOrder() {
						uni.showLoading({
							title: '检测支付环境...'
						})
						iapChannel.requestOrder(this.productIds, (orderList) => { //必须调用此方法才能进行 iap 支付
							console.log('requestOrder success666: ' + JSON.stringify(orderList));
							uni.hideLoading();
						}, (e) => {
							console.log('requestOrder failed: ' + JSON.stringify(e));
							uni.hideLoading();
							this.errorMsg()
						});
					},

					//选中价格的时候
					handlePayment(index, id, price) {
						this.orderId = id
					},

					//点击立即支付
					//3.调用uni.requestPayment方法发起支付请求,
					subPaynow(e) {
						let _this = this
						uni.showLoading({
							title: '支付中...'
						})
						this.productId = _this.orderId
						uni.requestPayment({
							provider: 'appleiap',
							orderInfo: {
								productid: productId,  //必填
								quantity: 1,  //选择的数量  可不填
								username: ''   //支付商户的名称 可不填
							},
							success: (e) => {
								console.log('支付成功====', e)
                            // 支付成功去验单
								uni.hideLoading()
							},
							fail: (e) => {
								uni.hideLoading()
								console.log('支付失败,原因为===', e.errMsg)
							},
							complete: () => {
								uni.hideLoading()
								console.log("payment结束")
							},
						})
					},
					errorMsg() {
						uni.showModal({
							content: "暂不支持苹果支付",
							showCancel: false
						})
					},
				}
			}
		</script>

暂时这样以后更新...

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值