Leitor NFC Web: Leia Tags NFC Diretamente no seu Navegador Sem Qualquer App
1O que é o Web NFC e o que o Torna Revolucionário?
O Web NFC é uma API do navegador que permite aos websites ler e escrever em tags NFC diretamente no navegador web — sem instalar uma app nativa. Isto é um marco significativo para a plataforma web, pois traz a interação NFC com o mundo físico a qualquer website ou aplicação web progressiva (PWA) a correr num navegador compatível. Antes do Web NFC, aceder ao NFC através da web exigia que os utilizadores instalassem uma aplicação nativa de Android ou iOS. Isto criava fricção — os utilizadores tinham de visitar uma loja de apps, descarregar e instalar a app (muitas vezes vários megabytes), conceder permissões e só então usar a funcionalidade NFC. O Web NFC elimina todos estes passos: o utilizador simplesmente abre um website no Chrome para Android, concede a permissão NFC quando solicitado e começa a ler tags. Isto abre casos de uso atrativos para programadores web: sistemas de autenticação de produto onde o website de uma marca pode verificar uma tag NFC integrada na embalagem, exposições interativas em museus onde tocar uma tag carrega informação específica da peça, sistemas de gestão de inventário como aplicações web e sistemas de check-in para eventos que funcionam em qualquer navegador sem distribuição de app. Esta ferramenta usa a Web NFC API para demonstrar a leitura de tags diretamente no seu navegador, mostrando cada registo lido da tag — o seu tipo, conteúdo e dados brutos.
2Como Funciona a Web NFC API: NDEFReader e o Processo de Leitura
A Web NFC API centra-se na interface NDEFReader, que fornece métodos para detetar e ler tags NFC. O processo de leitura: Primeiro, o código cria uma instância de NDEFReader. Segundo, chama o método scan(), que aciona um diálogo de permissão do navegador a solicitar ao utilizador que permita o acesso NFC. Terceiro, se a permissão for concedida, o navegador começa a escutar tags NFC em segundo plano. Quarto, quando uma tag entra no alcance (1–4 cm), o navegador lança um evento 'reading' com o conteúdo NDEF da tag. Quinto, o processador do evento 'reading' recebe um objeto NDEFMessage contendo um array de objetos NDEFRecord. Cada NDEFRecord tem estas propriedades: recordType (uma cadeia como 'url', 'text', 'mime'), mediaType (para registos MIME), id (identificador opcional), data (um ArrayBuffer com o payload bruto) e métodos auxiliares como toURL() para registos URL ou toText() para registos de texto. Requisitos de segurança: O Web NFC requer um contexto seguro (HTTPS ou localhost). A página deve estar em primeiro plano (não num separador de fundo). O utilizador deve conceder explicitamente a permissão NFC. A permissão pode ser revogada a qualquer momento nas definições do navegador. A API só funciona quando o NFC do dispositivo Android está ativado nas definições do sistema. Tratamento de erros: Os erros comuns incluem 'NotSupportedError' (o navegador não suporta Web NFC), 'NotAllowedError' (o utilizador negou a permissão), 'NotReadableError' (falha na leitura da tag) e erros de tempo limite se não aparecer nenhuma tag.
3Casos de Uso do Web NFC para Programadores Web e Empresas
O Web NFC permite uma nova categoria de aplicações web híbridas físico-digitais que anteriormente eram impossíveis sem apps nativas. Autenticação de produto e luta contra a contrafação: O website de uma marca de luxo pode ler uma tag NFC integrada num produto e verificar a sua autenticidade numa base de dados — tudo sem uma app dedicada. Os clientes digitalizam o produto a partir do próprio website da marca. Experiências de retalho interativas: As lojas de roupa podem integrar tags NFC nas peças. Quando um cliente aproxima o telemóvel de uma tag na página de leitura web da loja, vê instantaneamente informação detalhada do produto, tamanhos disponíveis, instruções de lavagem e artigos relacionados. Guias de museus e exposições: Em vez de descarregar uma app do museu, os visitantes tocam as tags NFC das placas de exposição com o telemóvel enquanto têm o website do museu aberto. O site carrega imediatamente conteúdo rico sobre essa peça específica — vídeo, audioguia, obras relacionadas. Gestão de inventário e ativos: Armazéns e empresas que gerem ativos físicos podem desenvolver sistemas de inventário baseados na web onde os trabalhadores digitalizam tags NFC de ativos num navegador Chrome para registar saídas, verificar o estado e atualizar registos — sem necessidade de instalação de apps nos dispositivos de trabalho. Gestão de eventos e check-in: O pessoal de eventos nos balcões de registo digitaliza as credenciais NFC dos participantes usando uma web app no Chrome. O sistema verifica instantaneamente o participante, marca-o como presente e mostra os seus dados — funcionando como uma PWA instalável em qualquer dispositivo Android. Programas de fidelização: Os retalhistas podem implementar a acumulação de pontos por toque através do seu website. O cartão de fidelização do cliente tem uma tag NFC; ao tocá-la no leitor do website da loja acrescentam-se pontos instantaneamente sem precisar da app de fidelização.
4Compatibilidade de Navegadores, Permissões e Modelo de Segurança
Compreender a matriz exata de compatibilidade e o modelo de segurança do Web NFC é essencial para os programadores e utilizadores desta ferramenta. Navegadores e plataformas suportados: O Web NFC atualmente só é suportado em navegadores baseados em Chromium para Android. Especificamente, o Chrome para Android versão 89 e posterior. Isto abrange o Google Chrome, o Microsoft Edge para Android e outros derivados do Chromium para Android. O Opera para Android e o Samsung Internet NÃO suportam atualmente o Web NFC apesar de serem baseados em Chromium. Não suportado: iOS/iPadOS (Safari, Chrome para iOS, Firefox para iOS — nenhum suporta Web NFC devido às restrições da Apple). Navegadores de ambiente de trabalho (Chrome para Windows, macOS, Linux — o Web NFC não está disponível no desktop). O Firefox para Android não suporta Web NFC. Modelo de permissões: O Web NFC usa a Permissions API. A permissão é 'nfc'. Uma vez concedida num site, é recordada para visitas subsequentes, mas o utilizador pode revogá-la a qualquer momento nas definições do site no Chrome. O pedido de permissão aparece como um diálogo padrão do Chrome semelhante aos pedidos de acesso à câmara ou ao microfone. Considerações de segurança: O Web NFC não consegue ler nem escrever em tags NFC em separadores de fundo ou com o ecrã desligado. Esta é uma medida de segurança deliberada. Além disso, as operações de escrita NDEF requerem uma 'ativação do utilizador' adicional (um clique num botão) imediatamente antes da escrita, impedindo ataques de escrita automática maliciosa.
5Aplicações Web Progressivas com NFC: Boas Práticas
O Web NFC é mais poderoso quando combinado com a tecnologia de Aplicações Web Progressivas (PWA), criando aplicações web que se comportam como apps nativas mantendo todas as vantagens da web. Tornar a sua app web NFC instalável: Adicione um Web App Manifest (manifest.json) com o nome, ícones e modo de visualização ('standalone' ou 'fullscreen'). Uma vez instalada a partir do Chrome no Android, a PWA corre sem interface do navegador, parece uma app nativa e mantém as suas permissões NFC do website. Gerir o fluxo de permissões de forma elegante: Não solicite a permissão NFC imediatamente ao carregar a página. Em vez disso, mostre uma explicação clara do que a funcionalidade NFC faz e depois solicite a permissão apenas quando o utilizador clicar num botão específico de 'Iniciar leitura'. Este padrão tem taxas de concessão de permissão muito mais elevadas. Suporte offline: Use Service Workers para guardar em cache os recursos da sua app web NFC, permitindo-lhe funcionar em zonas com fraca conectividade. A leitura NFC é sempre local (entre o telemóvel e a tag) e não requer internet — apenas a consulta ao servidor que se segue à leitura precisa de conectividade. Tratamento de erros para navegadores Android que não sejam Chrome: Verifique sempre se o NDEFReader existe no objeto window antes de o usar. Mostre uma mensagem amigável e específica explicando que o Web NFC requer o Chrome para Android, com um link para instalar o Chrome. Nunca mostre um erro genérico de 'não suportado'. Testes sem tags físicas: Durante o desenvolvimento, pode testar o fluxo completo simulando a API NDEFReader com um objeto JavaScript mock que lança eventos 'reading' sintéticos. Isto permite testes automatizados com Puppeteer ou Playwright sem hardware NFC físico.
FAQPerguntas Frequentes
Por que o Web NFC só funciona no Chrome para Android?
O Web NFC requer acesso direto ao hardware NFC do dispositivo através do sistema operativo. No Android, a Google implementou a Web NFC API no motor Chromium a partir da versão 89. A Apple não concedeu aos navegadores de terceiros no iOS acesso direto ao hardware NFC — no iOS, apenas as apps nativas que usam o framework Core NFC conseguem ler tags NFC. O próprio Safari da Apple também não implementa Web NFC. Esta é uma área em desenvolvimento ativo dos padrões web e a situação pode mudar em versões futuras do iOS.
O Web NFC consegue escrever em tags NFC, não apenas ler?
Sim, a Web NFC API também suporta a escrita em tags NFC usando o método NDEFReader.write(). Esta ferramenta demonstra atualmente apenas a leitura. A escrita requer um gesto do utilizador (clique num botão) imediatamente antes da chamada de escrita por razões de segurança. O método write aceita um objeto NDEFMessage ou uma cadeia/URL simples. Note que tentar escrever em tags bloqueadas ou protegidas lançará um erro. A escrita com Web NFC está sujeita às mesmas restrições de compatibilidade de navegadores que a leitura — apenas Chrome para Android.
O Web NFC funciona com todos os tipos de tags NFC?
O Web NFC funciona com tags NFC que contêm dados formatados em NDEF e usam tipos de tecnologia que a pilha NFC do Android suporta: NTAG21x com formato NDEF, Mifare Ultralight e outras tags ISO 14443 Tipo A/B. As tags Mifare Classic requerem autenticação proprietária que não está exposta através da Web NFC API — precisaria de uma app nativa de Android para ler Mifare Classic. As tags ISO 15693 (HF NFC-V) também não são suportadas via Web NFC atualmente.