MARKETPLACE
PLUGINS
FAST READ QRCODE
Fast Read QRCode logo

Fast Read QRCode

Published July 2024
   •    Updated today

Plugin details

O plugin Read QRCODE permite aos usuários do Bubble.io integrar facilmente a funcionalidade de leitura de códigos QR em seus aplicativos. Com este plugin, você pode ativar a câmera do dispositivo do usuário para escanear códigos QR e processar as informações contidas neles. Ideal para aplicativos que necessitam de entrada de dados rápida, verificação de ingressos, rastreamento de inventário ou qualquer cenário que se beneficie da leitura de códigos QR.

Free

For everyone

5.0 stars   •   1 ratings
217 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Hugo logo
Hugo
Joined 2024   •   11 Plugins
View contributor profile

Instructions

Instruções de Uso do Plugin "Fast Read QRCode" O plugin "Fast Read QRCode" permite a leitura rápida de QR codes diretamente pelo navegador. Ele utiliza a câmera do dispositivo para escanear QR codes e retorna os dados lidos.

Configurações e Componentes do Plugin
Elementos

QRCodeReader: O elemento principal que exibe o vídeo da câmera e faz a leitura do QR code.
Propriedades do Elemento

qr_code_result: Um estado exposto do tipo text que armazena o resultado da leitura do QR code.
is_scanning: Um estado exposto do tipo yes/no que indica se o escaneamento está em andamento.
Eventos

qr_code_detected: Evento que é disparado quando um QR code é detectado.
Ações do Elemento

start: Inicia o escaneamento do QR code.
stop: Para o escaneamento do QR code.
Passo a Passo para Uso do Plugin
Adicionando o Elemento QRCodeReader
Adicionar o Elemento:

No editor do Bubble, vá para a página onde você deseja adicionar a funcionalidade de leitura de QR code.
Arraste e solte o elemento QRCodeReader na sua página.
Configurar o Tamanho e Posição:

Defina a largura e altura do elemento para se ajustar à área onde você deseja exibir o vídeo da câmera.
Centralize o elemento conforme necessário para garantir que o QR code seja escaneado corretamente.
Configurando os Workflows
Iniciar o Escaneamento:

Adicione um botão na sua página com o texto "Iniciar Escaneamento" ou similar.
Crie um novo workflow para este botão.
Adicione uma ação "Element Actions" > "QRCodeReader" > "start".
Parar o Escaneamento:

Adicione um botão na sua página com o texto "Parar Escaneamento" ou similar.
Crie um novo workflow para este botão.
Adicione uma ação "Element Actions" > "QRCodeReader" > "stop".
Utilizando os Estados e Eventos
Exibindo o Resultado do QR Code:

Adicione um elemento de texto na sua página para exibir o resultado do QR code.
Vincule o conteúdo deste elemento ao estado qr_code_result do QRCodeReader.
Monitorando o Estado de Escaneamento:

Adicione um elemento de texto ou um ícone para indicar se o escaneamento está ativo.
Vincule a visibilidade ou o conteúdo deste elemento ao estado is_scanning do QRCodeReader.
Reagindo ao Evento de Detecção:

Crie um workflow que reaja ao evento qr_code_detected do QRCodeReader.
Adicione ações que devem ocorrer quando um QR code é detectado, como salvar os dados em uma base de dados ou redirecionar para outra página.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Mobile   •   Productivity   •   Technical   •   Data (things)   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Very Nice
September 16th, 2025
Bubble