Como adicionar um leitor de QR Code a seu aplicativo móvel

Leitor de QR Code

Com uma seção QR Code, seus usuários escaneiam um código impresso em um cartaz ou na sua edição em papel, e ele abre uma página do seu app ou uma página web.

Adicionar a seção

Em "My App", Structure, clique em "Add a section"… pesquise "QR" e escolha "QR Code".

Mantenha o nome ou altere-o, com até 32 caracteres. Depois, clique em Add.

A seção entra no final do seu menu. Na pré-visualização, o leitor fica escuro: você vai testá-lo em um celular.

O "QR Code reader" agora também aparece nas suas extensões, em "Extensions Store", Management.

Design

De volta a Structure, abra a seção e clique em "Edit the design".

Em Button, escolha as cores do botão redondo na parte de baixo do leitor.

Text define a fonte e a cor da mensagem que os usuários veem se recusarem o acesso à câmera. Escolha uma cor legível sobre o seu fundo.

Permissão da câmera

A seção usa a câmera do celular. Em Settings, abra o "Privacy center".

Camera, para iPhone e o web app, e "Camera view", para Android, agora estão ativadas. A seção as mantém ativadas enquanto estiver no seu app.

Em Message, explique por que o seu app usa a câmera: as lojas de apps podem pedir uma justificativa.

As mudanças de permissões valem quando você recompilar o app e enviá-lo de novo às lojas.

Escanear no app

Para testar, abra o seu app em um celular. A seção QR Code fica no final do menu.

Na primeira vez, o celular pede acesso à câmera.

Aponte a câmera para um QR code, como este em um cartaz do River Daily. O botão redondo mostra as suas cores.

Um código com o endereço de uma página do seu app a abre na hora.

Um código com um endereço web pergunta antes… e depois abre a página web. Feche-a para voltar ao leitor.

E se os usuários recusarem o acesso à câmera, a seção mostra esta mensagem, no estilo definido em Text.

Sua seção QR Code só chega ao seu app quando você publicar, com "Publish my project".