O QR Code ("Quick Response" - Resposta Rápida) é uma versão avançada do código de barras, também bidimensional, com mais funções e composto de padrões de pixels. O uso dessa tecnologia é livre e as empresas costumam utilizá-la para oferecer mais informações e conteúdos exclusivos por meio de links. 

O plugin Gerar QR Code gera um código QR em formato de imagem (png ou jpg) de acordo com a informação passada. Diferentemente dos componentes visuais (web e mobile), este plugin gera uma lista de bytes e é tratado no lado servidor.

Configuração

Para habilitar essa funcionalidade, é necessário adicionar o plugin Gerar QRCode ao projeto.

Adicionar plugin

No menu de sistemas, clique na aba Plugin e selecione Adicionar novo plugin. Pesquise pelo plugin Gerar QRCode, selecione-o, clique em Avançar e, na próxima janela, clique em Finalizar a instalação.

Figura 1.1 - Adicionar novo plugin

Será exibida uma janela informando as alterações necessárias para a instalação do plugin. Clique em Salvar.

Figura 1.2 - Alterações feita pelo plugin no projeto

Bloco de Programação

Após instalar o plugin, será possível visualizar nos blocos de programação do tipo Servidor a categoria QRCode e o bloco Gerar QRCode.

Figura 2.1 - Bloco Gerar QRCode

• Conteúdo: informação que será exibida ao ler o código;
• Formato: formato da imagem que será gerada;
• Largura¹: largura em pixel do código;
• Altura¹: altura em pixel do código.

¹ O QR Code possui o formato quadrado. Caso as medidas sejam diferentes, todos os seus lados serão definidos de acordo com a menor medida.

Exemplo

No exemplo abaixo o usuário deve informar o conteúdo para gerar o QRCode, um nome para o arquivo da imagem que contém o QRCode e em seguida clicar no botão para fazer o download.

Abra a página home.view.html e insira dois componentes de Entrada de Texto e um Botão no formulário. Configure os componentes caixa de seleção como na Figura 3.1, porém o primeiro receberá o conteúdo do QRCode e o segundo o nome do arquivo com a extensão 

Figura 3.1 - Inserindo componentes no formulário

Em seguida, crie um bloco do tipo Servidor chamado "GerarQRCode".

Figura 3.2 - Função para gerar código QR

1. Clique em Configuração dos tipos de regras (engrenagem), no campo Formulário de Referência clique em "..." para selecionar formulário, escolha o formulário da Figura 3.1 e clique em Salvar;

2. Crie a variável "conteudo" e arraste o bloco de Atribuir variável (categoria Variáveis) correspondente a ela. Associe o bloco Obter valor do campo (categoria Formulário), no parâmetro Campo selecione o valor da entrada de texto onde será informado o conteúdo: vars.conteudo.
3. Repita o passo 2. No entanto, crie a variável "nome" e no parâmetro Campo, selecione o valor da entrada de texto onde será informado o nome do arquivo: vars.nome.
4. Arraste o bloco Iniciar download com o campo Arquivo/Path/Bytes (categoria Arquivo):
   1. Associe o bloco Gerar QRCode (categoria QRCode). No parâmetro Conteúdo, associe a variável "conteudo", no Formato deixe PNG selecionado e defina a Largura e Altura para 500.
   2. No parâmetro Nome, associe a variável "nome".

Volte ao formulário da Figura 3.1, selecione o Botão, depois vá até os Eventos e associe a função "GerarQRCode" no evento Ao Clicar.

Figura 3.3 - Associando o bloco do evento Ao Clicar

Por fim, rode o projeto, abra a aplicação no navegador, preencha os dados e clique no botão. Preencha o nome do arquivo junto com a extensão. O navegador abrirá o explorador de arquivos, salve o arquivo onde preferir.

Figura 3.4 - Preenchendo os dados na aplicação e salvando o arquivo