Uniapp苹果登录sign in Apple

雨点打透心脏的1/2处 2023-01-17 12:58 240阅读 0赞

##### Uniapp苹果登录sign in Apple #####

###### 前提：软件内，如果已经实现第三方登录，必须也有sign in Apple功能，否则审核会不通过 ######

###### 准备工作：uniapp自带sign in Apple必须使用自定义基座打包（也就是说可以使用云打包） ######

###### 开工： ######

1.  找到项目的配置文件manifest.json,依次找到 \[App模块配置\]-\[OAuth(登录授权)\]-\[苹果登录\]，安装sign in Apple模块
2.  云打包，找到顶部工具栏\[发行\]-\[云打包\]，需要提供对应的证书；注意：必须把测试的手机对应的IOS的UDID添加到对应证书，否则后续会报错 “安装失败 return code=-402620395”；获取UDID可通过这个网站获取，很方便，https://www.pgyer.com/tools/udid；
3.  功能实现
    
    1.  **iOS13+** 系统才支持苹果登录，因此需要判断用户设备类型和系统版本
        
            uni.getSystemInfo({ 
            				success:(res) => { 
            					// console.log("手机系统信息",res)
            					this.system = res.system  // 14.4.1
            					this.platform = res.platform  //ios
            				}
            			})
    2.  实现登录，向后台发送请求；苹果登录，默认是不共享电子邮箱，也就是默认获取不到用户的电子邮箱；只有用户选择了共享电子邮箱，才获取得到电子邮箱；
        
            LoginForApple() { 
            				let that = this 
            				uni.getProvider({ 
                                //获取第三方登录类型
            					service: 'oauth',
            					success: function (res) { 
            						// console.log(res.provider)
                                    //判断为苹果登录
            						if(~res.provider.indexOf('apple')) { 
            							uni.login({ 
            								provider: 'apple',
            								success: loginRes => { 
            									uni.getUserInfo({ 
            										provider: 'apple',
            										success: userInfoRes => { 
            											// console.log('user.userInfo',userInfoRes)
            											let user = userInfoRes.userInfo
            											let heading = 'http://cdn.kadiantexiao.com/e3729201908141701291608.jpg'
            											// 判断用户是不是选择共享邮箱 
            											let email = ""
            											if(user.email){ 
            												email = user.email
            											}else{ 
            												email = ""
            											}
            											// console.log('用户邮箱',email)
            											let data = { type:'5',openid:user.openId,heading:heading,nick:'Lonely',email:email}
            											applelogin(data).then(res=>{ 
            												console.log(res.data)
            												that.saveData(res.data)
            												// console.log('apple登录数据存成功')
            												that.$emit('closelogin',that.closelogin)
            											}).catch(err=>{ 
            												console.log(err)
            											})
            										}
            									})
            								},
            								fail: err => { 
            									console.log('apple登录失败' + JSON.stringify(err))
            									uni.showToast({ 
            										title:'登录失败',
            										icon:'none'
            									})
            								}
            							})
            						}
            					},
            					fail: err => { 
            						uni.showToast({ 
            							title:'登录失败',
            							icon:'none'
            						})
            					}
            				})
            			},

如有其他问题，请私聊我好了