Cordova集成Firebase Authentication出现"location.protocol"错误

嘿，我之前也碰到过这个坑！这个错误的核心原因是Cordova应用运行时采用的是file://协议，而Firebase Auth的Web SDK默认只允许http、https或chrome-extension协议的环境，直接使用Web SDK就会触发这个安全限制。给你几个靠谱的解决办法：

方案1：配置Firebase授权域名 #

这是最基础的适配步骤，让Firebase信任Cordova的运行环境：

• 打开Firebase控制台，进入你的项目
• 切换到Authentication模块，点击顶部的设置标签页
• 在授权域名区域，点击添加域名，输入localhost并保存
• 这个配置能让Firebase允许本地file://协议的访问，解决调试和打包后的基础问题

方案2：改用Cordova专用Firebase Auth插件 #

Firebase官方提供了适配Cordova的原生Auth插件，比Web SDK更贴合移动端环境，完全避开协议问题：

• 先安装插件：

cordova plugin add cordova-plugin-firebase-authentication

• 按照插件文档配置Google、Facebook和邮箱密码登录逻辑，插件会直接调用Android/iOS原生的Firebase Auth SDK，稳定性和兼容性都更好

方案3：临时调试用的配置（不建议生产环境） #

如果只是本地快速调试，你可以在Firebase初始化时添加一个调试开关，绕过域名检查：

firebase.initializeApp({
  apiKey: "你的API_KEY",
  authDomain: "你的AUTH_DOMAIN",
  databaseURL: "你的数据库URL",
  projectId: "你的项目ID",
  storageBucket: "你的存储桶地址",
  messagingSenderId: "你的Sender ID",
  appId: "你的App ID",
  // 临时开启域名检查禁用（生产环境必须删除！）
  auth: {
    disableDomainCheck: true
  }
});

注意：disableDomainCheck是调试专属选项，生产环境开启会带来安全风险，上线前一定要移除这个配置！

额外检查项 #

• 确保你安装了cordova-plugin-whitelist插件，并且在config.xml中配置了正确的访问规则：

<allow-navigation href="*" />
<allow-intent href="*" />
<access origin="*" />

• 确认Firebase项目的Android应用已经正确配置了SHA-1指纹，这是Google登录正常工作的必要条件

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