如何在同一设备安装多个Ionic(Capacitor)应用避免覆盖？

同一设备安装多个Ionic Capacitor应用时出现覆盖，核心原因是两个应用的包名（Android）/Bundle ID（iOS）完全相同，系统会判定为同一应用。你之前修改config.xml的方法无效，是因为Capacitor构建时会根据自身核心配置文件自动生成config.xml，手动修改的内容会被覆盖。正确的解决方式是从Capacitor的根源配置入手：

1. 修改Capacitor核心配置文件

   • 如果你用的是TypeScript配置文件（capacitor.config.ts），修改appId字段为唯一标识：

     import { CapacitorConfig } from '@capacitor/cli';
     
     const config: CapacitorConfig = {
       appId: "com.yourcompany.secondapp", // 替换成专属的唯一ID，比如com.xxx.app2
       appName: "Second App",
       webDir: "www",
       bundledWebRuntime: false
     };
     
     export default config;
     

   • 如果你用的是JSON配置文件（capacitor.config.json），修改appId：

     {
       "appId": "com.yourcompany.secondapp",
       "appName": "Second App",
       "webDir": "www",
       "bundledWebRuntime": false
     }
     

2. 同步配置到平台项目
   修改完成后，执行以下命令将配置同步到Android和iOS的原生项目中：

   npx cap sync
   

   这个命令会自动更新Android项目build.gradle里的applicationId，以及iOS项目的Bundle ID，确保和你设置的appId一致。

3. 可选：手动验证平台配置

   • Android：打开android/app/build.gradle文件，确认applicationId已经更新为新的appId
   • iOS：打开Xcode项目，在General标签页下检查Bundle Identifier是否匹配新的appId

只要每个应用的appId采用唯一的反向域名格式（比如com.xxx.app1、com.xxx.app2），系统就会识别为不同的应用，就能实现同一设备同时安装多个应用而不被覆盖。

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