Ionic 4升级至Android API 31后权限请求时应用崩溃问题咨询

直接通过指定Ionic CLI版本的方式创建，避免全局版本冲突：

• 用npx指定CLI 4.x版本初始化项目：

  npx @ionic/cli@4 start ionic4-test-app blank --type angular
  

• 进入项目目录：

  cd ionic4-test-app
  

• 添加对应版本的Android平台：

  ionic cordova platform add android@11.0.0
  

• 安装权限类插件用于复现问题：

  ionic cordova plugin add cordova-plugin-camera cordova-plugin-geolocation
  npm install @ionic-native/camera@5.x @ionic-native/geolocation@5.x
  

以下是针对已遵循迁移指南但仍崩溃的排查步骤：

1. 升级权限相关插件到兼容版本 #

确保所有涉及权限的插件支持Android 12+：

• 卸载并重装最新兼容版本的插件：

  # 相机插件需6.0.0+
  ionic cordova plugin rm cordova-plugin-camera && ionic cordova plugin add cordova-plugin-camera@latest
  # 位置插件需4.1.0+
  ionic cordova plugin rm cordova-plugin-geolocation && ionic cordova plugin add cordova-plugin-geolocation@latest
  

2. 适配API31+权限声明 #

Android 12新增了部分权限要求，检查AndroidManifest.xml是否包含必要声明（若插件未自动添加）：

<!-- 后台位置权限（仅应用需要后台定位时添加） -->
<uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
<!-- 通知权限（若应用需推送通知） -->
<uses-permission android:name="android.permission.POST_NOTIFICATIONS" />

3. 更新Ionic Native依赖 #

Ionic Native 5.x适配Ionic 4，确保相关包为5.x最新版：

npm update @ionic-native/core@5.x @ionic-native/camera@5.x @ionic-native/geolocation@5.x

4. 抓取崩溃日志定位根因 #

通过Android Studio Logcat获取崩溃堆栈信息：

• 连接测试设备，打开Android Studio的Logcat面板
• 过滤应用包名的日志，触发权限请求，查看崩溃异常类型（如NullPointerException、SecurityException）及调用栈，精准定位问题点

5. 核对cordova-android配置 #

确保config.xml中SDK版本及AndroidX配置正确：

<platform name="android">
    <preference name="android-targetSdkVersion" value="32" />
    <preference name="android-compileSdkVersion" value="32" />
    <preference name="AndroidXEnabled" value="true" />
</platform>

6. 规范权限请求代码 #

避免直接调用插件而跳过权限检查，按规范流程请求权限：

import { Camera, CameraOptions } from '@ionic-native/camera/ngx';
import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';

constructor(private camera: Camera, private androidPermissions: AndroidPermissions) {}

async takePhoto() {
    // 先检查权限状态
    const permissionStatus = await this.androidPermissions.checkPermission(this.androidPermissions.PERMISSION.CAMERA);
    if (!permissionStatus.hasPermission) {
        const requestResult = await this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA);
        if (!requestResult.hasPermission) {
            alert('相机权限被拒绝，无法使用相机功能');
            return;
        }
    }
    // 权限通过后调用相机
    const options: CameraOptions = {
        quality: 80,
        destinationType: this.camera.DestinationType.FILE_URI,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE
    };
    try {
        const imageUri = await this.camera.getPicture(options);
        // 处理图片逻辑
    } catch (error) {
        console.error('相机调用失败:', error);
    }
}

内容的提问来源于stack exchange，提问作者Dan