IONIC4 苹果登录-Sign In With Apple Id

堵景天
2023-12-01

最近上架APP被苹果拒绝,理由是使用第三方登录需加上苹果登录,否则不给上架,所以在这分享一下ionic4的苹果登录

首先安装cordova插件,获取系统版本插件

ionic cordova plugin add cordova-plugin-sign-in-with-apple
ionic cordova plugin add cordova-plugin-device
npm install @ionic-native/device

然后在需要苹果登录的地方判断下当前是否为苹果手机和系统版本需在13以上

import {Platform} from '@ionic/angular';
  
@Injectable({
  providedIn: 'root'
})
export class CommonService {
  constructor(private platform: Platform,
  			  private device: Device) {}

  /**
   * 是否为IOS原生
   */
  isNativeIos() {
    return this.platform.is('iphone') && !this.platform.is('mobileweb');
  }

  /**
   * 获取系统版本
   */
  getSysVersion() {
    return this.device.version;
  }
}

然后进行苹果登录

        if (window.cordova.plugins.SignInWithApple) {
            window.cordova.plugins.SignInWithApple.signin(
              // 请求范围的数组 0: FullName 1: Email
              {requestedScopes: [0, 1]},
              (apple) => {
                // user为用户唯一标识
                const userCode = apple.user;
              },
              (err) => {
                console.error(err);
              }
            );
        }
 类似资料: