Ionic+Capacitor项目中Swift与TypeScript层通信问题求助

你的原方案不生效的核心原因是：iOS原生的NotificationCenter通知和Capacitor的App.addListener监听的是两套完全独立的事件体系，二者无法直接互通。下面给出两种适配Capacitor 4.4.0的可行方案：

方案一：用Capacitor Bridge直接触发TS事件（官方推荐） #

Capacitor 4.4.0完全支持通过Bridge实例向TS层发送自定义事件，步骤简单直接：

1. Swift层（AppDelegate.swift）触发事件
   在需要通信的方法中，获取Capacitor的Bridge实例并发送事件：

import Capacitor

// 示例：在AppDelegate的目标方法中触发
func application(_ application: UIApplication, didReceiveRemoteNotification userInfo: [AnyHashable : Any]) async -> UIBackgroundFetchResult {
    // 确保能拿到Capacitor的Bridge
    if let bridgeDelegate = UIApplication.shared.delegate as? CAPBridgeDelegate,
       let bridge = bridgeDelegate.bridge {
        // 把userInfo转成Capacitor可序列化的格式（内部需为JSON兼容类型）
        bridge.triggerJSEvent(eventName: "somethingHappened", data: userInfo as? [String: Any])
    }
    return .newData
}

2. TypeScript层（NotificationService）监听事件
   直接用Capacitor的App模块监听自定义事件：

import { App } from '@capacitor/app';

export class NotificationService {
    initListener() {
        App.addListener('somethingHappened', (data) => {
            console.log('收到Swift传来的数据:', data);
            // 这里处理你的业务逻辑
        });
    }
}

方案二：桥接原生NotificationCenter到Capacitor事件 #

如果你的项目已经大量依赖iOS原生的NotificationCenter通知，不想修改现有原生代码，可以通过自定义Capacitor插件做转发：

1. 创建自定义Plugin（NotificationBridgePlugin.swift）

import Capacitor

@objc(NotificationBridgePlugin)
public class NotificationBridgePlugin: CAPPlugin {
    override public func load() {
        // 监听原生的"somethingHappened"通知
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(handleNativeNotification(_:)),
            name: NSNotification.Name("somethingHappened"),
            object: nil
        )
    }
    
    @objc private func handleNativeNotification(_ notification: NSNotification) {
        // 将原生通知的数据转发给TS层
        self.notifyListeners("somethingHappened", data: notification.userInfo ?? [:])
    }
    
    deinit {
        // 销毁时移除监听，避免内存泄漏
        NotificationCenter.default.removeObserver(self)
    }
}

2. 注册插件到Capacitor配置（capacitor.config.ts）

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.your.app.id',
  appName: 'YourAppName',
  webDir: 'www',
  bundledWebRuntime: false,
  plugins: {
    // 注册自定义插件
    NotificationBridgePlugin: {}
  }
};

export default config;

3. TypeScript层监听插件事件

import { Plugins } from '@capacitor/core';

const { NotificationBridgePlugin } = Plugins;

export class NotificationService {
    initListener() {
        NotificationBridgePlugin.addListener('somethingHappened', (data) => {
            console.log('收到原生转发的数据:', data);
            // 处理业务逻辑
        });
    }
}

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