Gerador de QR Code com Javascript

Gerador de QR Code com javascript. Geradores de QR Code são muito utilizados hoje, seja para gerar QR Codes de links de sites, seja para gerar QR Codes de link de whatsapp, esse recurso é muito útil para negócios permitindo a divulgação de links de forma mais dinâmica.

Muitos tipos de negócios são beneficiados com a utilização desse recurso, o compartilhamento de links através dos QR Codes é largamente explorado até mesmo pela boa e velha TV, que divulga links nas telas através desse recurso, na internet eles já estão presentes seja em vídeos de propagando, podcasts, eles acabam aparecendo quando o apresentador quer divulgar alguma informação relevante que leve o internauta para outra página.

Quando surgiram os QR Codes?

Hoje, o amplo uso dos QR Codes se dá pela sua facilidades para o usuário e pelos vários tipos de utilização, eles surgiram pela primeira vez em 1994 no japão, foram desenvolvidos por uma empresa chamada Denso Wave, uma subsidiária da Denso Corporation, que é uma fornecedora global de componentes automotivos e sistemas industriais.

A princípio eles foram desenvolvidos para rastrear peças de veículos durante o processo de fabricação, mas logo se espalharam para uma série de aplicações, como publicidade, gerenciamento de inventário, compartilhar informações de contato, e hoje devido ao gigantesco uso dos dispositivos móveis são amplamente utilizados para fornecer acesso rápido para links.

Hoje em dia os QR Codes estão mais presentes no nosso dia a dia do que imaginamos, em vários estabelecimentos eles já se fazem presentes, seja em cima de um balcão, em uma vitrine, num cartão de visita, em cobranças financeiras e até mesmo em veículos.

Existem vários geradores de QR Code na internet, mas que tal ter o seu próprio gerador em javascript, nas próximas linhas você vai aprender a desenvolver seu próprio gerador de QR Code com javascript.

Criando o gerador de QR Code

Primeiramente vamos importar a biblioteca do qrcode.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

Crie um elemento e o nomeio com id ‘qrcode’

<div id="qrcode"></div>

insira o seguinte código javascript:

var qrcodeElement = document.getElementById("qrcode");
var qrcode = new QRCode(qrcodeElement, {
  text: "Seu conteúdo aqui",
  width: 128,
  height: 128,
});

Resumo:

<div id="qrcode"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
var qrcodeElement = document.getElementById("qrcode");
var qrcode = new QRCode(qrcodeElement, {
  text: "Seu conteúdo aqui",
  width: 128,
  height: 128,
});

Conclusão

Aprendemos de forma prática e simples a como criar próprio gerador de QR Code com javascript e aprendemos também sua origem e suas principais finalidades. Sabendo criar seu próprio gerador e conhecendo onde podemos aplicar, você já pode desenvolver seu próprio projeto.