JavaScript, HTML, CSS e... !
0 commenti

Con i Fogli Google!

QR Code Scanner in Google Sheets

Ecco come creare una Web app con Google Apps Script per leggere i QR Code con i Fogli Google.

Il tutto grazie ad una libreria in JavaScript e HTML5.

Guarda il video:

Di seguito il codice integrale dell'app [ISCRIVITI AL CANALE YOUTUBE]:

Code.gs

function onOpen() {
  SpreadsheetApp.getUi()
      .createMenu('QRCode')
      .addItem('Open QRCode reader', 'showDialog')
      .addToUi();
}

function showDialog() {
  var html = HtmlService.createHtmlOutputFromFile('Page')
      .setWidth(600)
      .setHeight(480);
  SpreadsheetApp.getUi().showModalDialog(html, 'QRCode reader');
}

function getQRCode(txt){
  SpreadsheetApp.getActiveRange().setValue(txt)
}

Page.html

<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/html5-qrcode"></script>
</head>
<body>
  <div id="qr-reader" style="width:500px"></div>
  <script>
    var resultContainer = document.getElementById('qr-reader-results');
    function onScanSuccess(decodedText, decodedResult) {
      google.script.run.getQRCode(decodedText); 
      google.script.host.close();
    }
    var html5QrcodeScanner = new Html5QrcodeScanner("qr-reader", { fps: 10, qrbox: 250 });
    html5QrcodeScanner.render(onScanSuccess);
  </script>
</body>
</html>

ISCRIVITI AL CANALE YOUTUBE! E attiva la campanella in modo da essere aggiornato sui prossimi video pubblicati e codici pronti all'uso! :)

Tags

Michele Pisani

Michele Pisani

Sviluppatore Javascript ed esperto in Digital Analytics

L'esperienza nel settore Digital Analytics unita ad anni di sviluppo in Javascript ha trovato la massima espressione in Google Apps Script che mi ha permesso, con estrema facilità e poche righe di codice, di realizzare potenti applicazioni interattive e processi automatizzati integrati con i prodotti della G Suite.

Come contattarmi
scrivi un commento

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

scrivi un commento

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato.I campi contrassegnati da un * sono obbligatori
Puoi utilizzare i seguenti tag nei commenti:
[bold]testo[/bold] se vuoi evidenziare un testo con il grassetto[code]function helloworld() { }[/code] se vuoi pubblicare una porzione di codice[url]https://www.appsscript.it[/url] se devi riferirti ad un indirizzo web