Aller au contenu principal
@capgo/capacitor-nfc API de l'appareil Open source

NFC Plugin Capacitor

Détection, lecture et écriture de tags NFC en natif pour les apps Capacitor sur iOS et Android

Installer

bun add @capgo/capacitor-nfc bunx cap sync
npm, pnpm ou yarn
  • npm install @capgo/capacitor-nfc
  • pnpm add @capgo/capacitor-nfc
  • yarn add @capgo/capacitor-nfc

Guide

Comment utiliser le NFC dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Lien QR d'aperçu du plugin NFC code

Utiliser @capgo/capacitor-nfc

Surface publique API pour le plugin NFC Capacitor.

Installer

bun add @capgo/capacitor-nfc
bunx cap sync

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

import { CapacitorNfc } from '@capgo/capacitor-nfc';

Aperçu de API

Méthode Description
startScanning Lance l'écoute des tags NFC.
stopScanning Arrête la session de scan NFC en cours.
write Écrit les enregistrements NDEF fournis sur le dernier tag détecté.
erase Tente d'effacer le dernier tag détecté en écrivant un message NDEF vide.
makeReadOnly Tente de passer le dernier tag détecté en lecture seule.
share Partage un message NDEF avec un autre appareil via peer-to-peer (Android uniquement).
unshare Arrête le partage du message NDEF précédemment fourni (Android uniquement).
getStatus Retourne l'état actuel de l'adaptateur NFC.
showSettings Ouvre la page de paramètres système où l'utilisateur peut activer le NFC.
isSupported Vérifie si l'appareil dispose du support matériel NFC.

Exemples

startScanning()

Lance l'écoute des tags NFC.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.startScanning();

stopScanning()

Arrête la session de scan NFC en cours.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.stopScanning();

write()

Écrit les enregistrements NDEF fournis sur le dernier tag détecté.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.write({
  records: [
    {
      tnf: 1,
      type: [1],
      id: [1],
      payload: [1],
    },
  ],
});

erase()

Tente d'effacer le dernier tag détecté en écrivant un message NDEF vide.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.erase();

makeReadOnly()

Tente de passer le dernier tag détecté en lecture seule.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.makeReadOnly();

share()

Partage un message NDEF avec un autre appareil via peer-to-peer (Android uniquement).

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.share({
  records: [
    {
      tnf: 1,
      type: [1],
      id: [1],
      payload: [1],
    },
  ],
});

Le tableau ci-dessus liste les 10 méthodes principales. Les helpers de version et de listener, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.

Écouter les événements

addListener renvoie un handle. Appelez handle.remove() lorsque l'écran est démonté.

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-nfc

Si vous utilisez Utiliser @capgo/capacitor-nfc pour planifier les opérations du dashboard et de API, connectez-l’avec @capgo/capacitor-nfc pour les détails d'implémentation de @capgo/capacitor-nfc, Prise en main pour les détails d'implémentation dans Getting Started Aperçu de API pour les détails d'implémentation dans « Vue d'ensemble de API », Introduction pour les détails d'implémentation dans l'Introduction, et Clés API pour les détails d'implémentation dans les clés API.

FAQ

FAQ du plugin NFC

Comment installer le plugin NFC dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-nfc" (ou "npm install @capgo/capacitor-nfc"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-nfc" dans votre code.

Est-ce que @capgo/capacitor-nfc fonctionne avec React, Vue et Angular ?

Oui. NFC est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui tourne dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript vanilla.

Quelle version de Capacitor est supportée par @capgo/capacitor-nfc ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-nfc est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-nfc/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant le NFC sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez vos changements NFC sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo