Ionic Capacitor应用SDK30+下Web Intent调用失败求助

问题描述 #

在SDK30及以上版本中，使用Web Intent插件实现两个Ionic Capacitor应用间的Intent通信时，仅抛出无详细说明的"Error"错误。调用浏览器的Intent可正常工作，但无法打开自定义应用或谷歌系应用并传递数据。

复现步骤 #

1. 下载指定代码库
2. 按以下配置构建应用

Gradle变量配置 #

compileSdkVersion = 32
targetSdkVersion = 32
androidxActivityVersion = '1.2.0'
androidxAppCompatVersion = '1.2.0'
androidxCoordinatorLayoutVersion = '1.1.0'
androidxCoreVersion = '1.3.2'
androidxFragmentVersion = '1.3.0'
coreSplashScreenVersion = '1.0.0-rc01'
androidxWebkitVersion = '1.4.0'
junitVersion = '4.13.1'
androidxJunitVersion = '1.1.2'
androidxEspressoCoreVersion = '3.3.0'
cordovaAndroidVersion = '7.0.0'

AndroidManifest.xml配置 #

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
package="io.ionic.starter">

<permission android:name="android.permission.QUERY_ALL_PACKAGES" />

<queries>
  <package android:name="com.gameplay.app1" />
  <package android:name="com.google.android.apps.youtube" />
  <package android:name="com.google.android.youtube" />
  <package android:name="com.android.twitter" />
  <package android:name="com.flipkart.android" />
  <package android:name="com.google.android.apps.youtube.music" />
  <package android:name="com.google.android.gms.maps" />
  <package android:name="com.google.android.gm" />
  <package android:name="com.facebook.katana" />
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="https" />
  </intent>
  <intent>
    <action android:name="android.intent.action.DIAL" />
    <data android:scheme="tel" />
  </intent>
  <intent>
    <action android:name="android.intent.action.SEND" />
    <data android:mimeType="*/*" />
  </intent>
</queries>

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">

    <activity
        android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
        android:name="io.ionic.starter.MainActivity"
        android:label="@string/title_activity_main"
        android:theme="@style/AppTheme.NoActionBarLaunch"
        android:launchMode="singleTask"
        android:exported="true">

        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <intent-filter>
            <action android:name="com.darryncampbell.cordova.plugin.intent.ACTION"/>
            <category android:name="android.intent.category.DEFAULT"/>
        </intent-filter>
        <intent-filter>
            <action android:name="android.intent.action.SEND" />
            <action android:name="android.intent.action.SEND_MULTIPLE" />
            <category android:name="android.intent.category.DEFAULT" />
            <data android:mimeType="*/*" />
        </intent-filter>
    </activity>

    <provider
        android:name="androidx.core.content.FileProvider"
        android:authorities="${applicationId}.fileprovider"
        android:exported="false"
        android:grantUriPermissions="true">
        <meta-data
            android:name="android.support.FILE_PROVIDER_PATHS"
            android:resource="@xml/file_paths"></meta-data>
    </provider>
</application>

<!-- Permissions -->
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_SYNC_SETTINGS"/>
<uses-permission android:name="android.permission.USE_FULL_SCREEN_INTENT"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.LAUNCH_MULTI_PANE_SETTINGS_DEEP_LINK"/>

</manifest>

正常工作的测试代码（打开浏览器） #

const options = {
    action: this.webIntent.ACTION_VIEW,
    url: 'http://www.google.com'
};
this.webIntent.startActivity(options).then(
    intent => { console.log('Web Intent was successful', intent); },
    error => { console.log('Error, Web Intent failed', error); }
);

失败的调用场景代码 #

场景1：调用自定义应用

const options: IntentOptions = {
    component: {
        package: 'com.gameplay.app1',
        class: 'com.gameplay.app1.MainActivity'
    },
    extras: {
        launchingAppPackage: 'io.ionic.starter',
        launchingAppClass: 'io.ionic.starter.MainActivity'
    }
};

this.webIntent.startActivity(options).then(
    intent => { console.log('Web Intent was successful', intent); },
    error => { console.log('Error, Web Intent failed', error); }
);

场景2：调用谷歌地图应用

const options = {
    action: this.webIntent.ACTION_SEND,
    url: 'geo:23.5264055,148.1594006',
    package: 'com.google.android.gms.maps'
};
this.webIntent.startActivity(options).then(
    () => { console.log('Intent Launched'); },
    (e) => { console.log('Intent Error', e); }
);

解决方案 #

1. 修正Intent参数匹配错误 #

调用谷歌地图时使用了错误的Action：ACTION_SEND不匹配geo:协议的URL，应该替换为ACTION_VIEW：

const options = {
    action: this.webIntent.ACTION_VIEW,
    url: 'geo:23.5264055,148.1594006',
    package: 'com.google.android.gms.maps'
};

2. 验证目标应用的Activity配置 #

针对自定义应用com.gameplay.app1：

• 确认其MainActivity在Manifest中声明了android:exported="true"（SDK30+强制要求）
• 检查component的包名、类名是否完全正确（注意大小写、拼写）

3. 获取详细错误信息 #

插件返回的"Error"过于笼统，可通过以下方式定位问题：

• 查看Android Studio Logcat，搜索DarrynCampbellIntentPlugin标签，原生层会打印具体错误原因（如找不到Activity、权限不足）
• 在代码中捕获错误的详情属性：

error => { 
    console.log('Error details:', error.message || JSON.stringify(error)); 
}

4. 检查插件兼容性 #

确认使用的Web Intent插件版本支持Capacitor和SDK30+，尝试更新到最新版本解决兼容问题。

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