Cordova实现Google登录唤起Google应用而非浏览器的方法问询

当然可以实现啦！你之前基于网页API的登录会跳转浏览器，而借助专门的Cordova插件就能直接唤起原生Google应用（如果用户设备已安装）完成认证，体验和原生App完全一致。下面是具体的实现步骤：

1. 先清理旧的网页版登录代码 #

首先把你之前基于gapi的网页版登录逻辑（包括相关脚本引入、登录按钮绑定的事件等）移除，避免和新插件的逻辑冲突。

2. 安装Cordova Google Plus插件 #

打开终端，进入你的Cordova项目根目录，执行以下命令安装官方维护的插件：

cordova plugin add cordova-plugin-googleplus --save \
  --variable REVERSED_CLIENT_ID=你的反转客户端ID \
  --variable WEB_APPLICATION_CLIENT_ID=你的网页客户端ID

这里两个参数要注意：

• REVERSED_CLIENT_ID：iOS平台必填，从Google Cloud控制台的iOS客户端ID反转而来（比如原ID是1234567890-abcdef.apps.googleusercontent.com，反转后就是com.googleusercontent.apps.1234567890-abcdef）
• WEB_APPLICATION_CLIENT_ID：对应你在Google Cloud控制台创建的网页应用客户端ID，用于获取服务器端可用的令牌（如果不需要服务器验证，也可以省略，但建议带上）

3. 完成Google Cloud控制台的配置 #

确保你已经在Google Cloud控制台做好了这些配置：

• 为你的Android和iOS应用分别创建对应的客户端ID（如果是跨平台项目）
• Android客户端ID必须绑定应用的包名和SHA-1签名（调试版和发布版的SHA-1都要添加，不然会出现登录失败的情况）
• iOS客户端ID要绑定应用的Bundle ID

4. 编写原生登录的代码 #

把之前的登录按钮事件替换成插件提供的登录方法，示例代码如下：

// 给登录按钮绑定点击事件
document.getElementById('你的登录按钮ID').addEventListener('click', function() {
  window.plugins.googleplus.login(
    {
      scopes: 'email profile', // 你需要申请的权限范围，比如获取邮箱、用户资料
      offline: true, // 如果需要获取刷新令牌，设置为true（用于长期授权）
      webClientId: '你的网页客户端ID' // 对应插件安装时的WEB_APPLICATION_CLIENT_ID
    },
    function(userData) {
      // 登录成功后的处理逻辑
      console.log('登录成功，用户信息：', userData);
      // userData包含idToken、accessToken、displayName、email、photoUrl等关键信息
    },
    function(errorMsg) {
      // 登录失败的处理逻辑
      console.error('登录失败：', errorMsg);
    }
  );
});

如果用户设备上安装了Google应用，插件会自动唤起原生应用完成登录；如果没安装，会自动 fallback 到网页版登录（你也可以通过配置关闭这个 fallback，但建议保留以提升兼容性）。

5. 登出功能（可选） #

如果需要实现登出功能，直接调用插件的logout方法即可：

window.plugins.googleplus.logout(
  function() {
    console.log('登出成功');
    // 这里可以添加登出后的页面跳转或状态重置逻辑
  },
  function(errorMsg) {
    console.error('登出失败：', errorMsg);
  }
);

一些需要注意的细节 #

• Android设备测试时，要确保设备上安装了Google Play服务，否则可能出现登录失败的问题
• iOS平台如果唤起原生应用失败，可以手动检查Info.plist里是否添加了URL Scheme白名单：插件通常会自动帮你添加，但如果没生效，可手动添加以下内容：

  <key>LSApplicationQueriesSchemes</key>
  <array>
    <string>googlechrome</string>
    <string>googlechrome-x-callback</string>
    <string>你的REVERSED_CLIENT_ID</string>
  </array>
  

• 发布应用时，记得用发布版的SHA-1签名去Google Cloud控制台更新Android客户端ID的配置，不然发布后用户会无法登录

内容的提问来源于stack exchange，提问作者Theodorus Agum Gumilang