更新记录

2.0（2025-09-22）

增加使用说明

1.0.0（2025-09-22）

初始化组件

平台兼容性

uni-app(4.81)

uni-app x(4.81)

cc-applePurchase

uniapp专属精品组件页面模板（由前端组件开发出品）

●组件模板规划：

由前端组件开发出品的精品组件页面模板，将陆续发布，预计高达约几百种供您使用，是快速快发项目、创业的必备精品。 合集地址： uni-app组件模板合集地址：(https://ext.dcloud.net.cn/publisher?id=274945)

我的技术公众号(私信可加前端技术交流群)

群内气氛挺不错的，应该或许可能大概，算是为数不多的，专搞技术的前端群，偶尔聊天摸鱼

使用方法

pauFun(){
    let  that = this
    uni.getProvider({
        service:'payment',
        success: (paymentRes) => {
            const iapChannel = paymentRes.providers.find((channel) => {
                  return (channel.id === 'appleiap')
                }) 
            let key = 'newOceanOneYear'   //多选项直接替换字段
            iapChannel.requestProduct([key],function(orderList){
                console.log(orderList)
                that.applePay(orderList[0])
            },function(e){
                console.log(e)
                uni.showToast({
                    title:'暂不支持苹果支付',
                    icon:'none'
                })
            })
        },
        fail(err) {
            console.log(err)
            uni.showToast({
                title:'支付调用失败',
                icon:'none'
            })
        }
    })
},
applePay(para){
        console.log(para,123)
        const that = this
                        uni.showLoading({
                            title: '充值中请勿离开',
                            mask: true
                        })
        uni.requestPayment({
            provider:'appleiap',
            orderInfo:{

            },
            success: (e) => {
                // 成功后的其他逻辑
                uni.hideLoading()

                if(e.transactionState == 1){
                    uni.showToast({
                        title:'支付成功'
                    })
                }
            },
            fail: (err) => {
                uni.showToast({
                    icon:'none',
                    title:'支付失败'
                })
            }
        })
    }
  }
}