Ionic 3中Cordova Geofence插件onNotificationClicked()订阅失败求助

问题原因分析 #

你遇到的onNotificationClicked()订阅不生效的核心原因是：当应用从后台/被杀死状态通过通知唤醒时，Angular的组件（比如你的HomePage）还没完成初始化，这时候组件内的订阅逻辑根本没被执行到。而文档里的原生window.geofence.onNotificationClicked是直接绑定到全局的Cordova插件事件，能更早捕获到通知点击事件，不受Angular组件生命周期的限制。

正确的实现方式 #

你需要把通知点击的监听逻辑放在AppComponent中（而不是HomePage），并且要在Cordova平台就绪后再绑定，这样无论应用是正常启动还是从通知唤醒，都能稳定捕获到事件。

步骤1：修改app.component.ts #

import { Component } from '@angular/core';
import { Platform, NavController } from 'ionic-angular';
import { HomePage } from '../pages/home/home';
import { Page2Page } from '../pages/page2/page2';
import { Geofence } from '@ionic-native/geofence';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = HomePage;

  constructor(
    platform: Platform,
    private navCtrl: NavController,
    private geofence: Geofence
  ) {
    platform.ready().then(() => {
      // 初始化Geofence插件
      geofence.initialize().then(
        () => console.log('Geofence Plugin Ready'),
        (err) => console.log(err)
      );

      // 绑定原生的通知点击事件
      if (window.geofence) {
        window.geofence.onNotificationClicked = (notificationData) => {
          console.log('App opened from Geo Notification!', notificationData);
          // 跳转到非根页面Page2
          this.navCtrl.push(Page2Page);
          // 如果应用是从杀死状态唤醒，可加判断避免重复跳转
          // if (this.navCtrl.getActive()?.component !== Page2Page) {
          //   this.navCtrl.push(Page2Page);
          // }
        };
      }
    });
  }
}

步骤2：清理HomePage中的冗余代码 #

把你HomePage里的这段监听代码删掉，避免逻辑冲突：

this.geofence.onNotificationClicked().subscribe(()=>{
  this.navCtrl.push(Page2Page);
});

额外注意事项 #

• 确保地理围栏配置中notification.openAppOnClick保持为true，这是通知点击能唤醒应用的前提。
• 检查应用是否已获取位置权限和通知权限，Android和iOS都需要手动申请这些权限，可配合@ionic-native/permission插件简化权限申请流程。
• 测试时尽量使用真实设备，模拟器的地理围栏触发逻辑可能存在延迟或不稳定的情况。

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