如何在无Ionic的Capacitor项目中运行phonegap-nfc？

你完全可以脱离Ionic，直接配合Capacitor使用phonegap-nfc相关功能，核心是跳过Ionic Native的封装，直接使用原生Cordova NFC插件：

• 安装原生Cordova NFC插件：
  直接安装官方的cordova-plugin-nfc，无需Ionic Native包装，执行以下命令：

  npm install cordova-plugin-nfc
  npx cap sync
  

• 在Vanilla JS中调用插件API：
  不需要引入Ionic的@ionic-native/nfc，直接通过Cordova全局对象cordova.plugins.nfc调用所有NFC能力，示例代码如下：

  document.addEventListener('deviceready', () => {
    // 检查NFC是否启用
    cordova.plugins.nfc.enabled(() => {
      console.log('NFC功能已启用');
      // 注册NDEF标签监听
      cordova.plugins.nfc.addNdefListener(
        (nfcEvent) => {
          console.log('读取到NFC标签内容:', nfcEvent.tag);
        },
        () => console.log('NFC监听注册成功'),
        (err) => console.log('NFC监听注册失败:', err)
      );
    }, (err) => console.log('NFC不可用:', err));
  }, false);
  

• 配置平台权限：
  • Android：在android/app/src/main/AndroidManifest.xml中添加权限声明：

    <uses-permission android:name="android.permission.NFC" />
    <uses-feature android:name="android.hardware.nfc" android:required="false" />
    

  • iOS：在ios/App/App/Info.plist中添加权限描述：

    <key>NFCReaderUsageDescription</key>
    <string>需要访问NFC功能读取标签信息</string>
    

注意事项 #

• 必须在deviceready事件触发后再调用NFC API，这是Cordova/Capacitor插件的通用规则
• NFC功能仅能在真实设备上测试，模拟器不支持该功能

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