Maison >interface Web >js tutoriel >Nodejs implémente une méthode super simple pour générer des codes QR

Nodejs implémente une méthode super simple pour générer des codes QR

亚连original: 2018-05-29 16:37:402584parcourir

Cet article présente principalement la méthode de nodejs pour réaliser une génération super simple de codes QR et analyse les compétences opérationnelles associées de nodejs basées sur le plug-in qr-image pour générer des codes QR sous forme d'exemples. pouvez vous y référer

L'exemple de cet article décrit comment nodejs implémente une méthode super simple de génération de codes QR. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Utilisez node-qrcode (https://github.com/soldair/node-qrcode) au début, mais vous devez l'installer lors de l'installation de python et ne prend pas en charge python3.0 ou supérieur. Lors de l'installation de python2.0, vous devez installer d'autres environnements, j'ai donc abandonné.

Finalement j'ai choisi un plug-in de niche qr-image (https://github.com/alexeyten/qr-image)

La Une est le suivant

views/index.ejs

<!DOCTYPE html>
<html>
<head>
  <title><%= title %></title>
  <link rel=&#39;stylesheet&#39; href=&#39;/stylesheets/style.css&#39;/>
</head>
<body>
<h1><%= title %></h1>
<img src="/create_qrcode?text=http://blog.csdn.net/fo11ower"/>
</body>
</html>

Code backend :

routes/index.js

var qr = require(&#39;qr-image&#39;)
router.get(&#39;/&#39;, function (req, res, next) {
  res.render(&#39;index&#39;, {title: &#39;Express&#39;});
});
router.get(&#39;/create_qrcode&#39;, function (req, res, next) {
  var text = req.query.text;
  try {
    var img = qr.image(text,{size :10});
    res.writeHead(200, {&#39;Content-Type&#39;: &#39;image/png&#39;});
    img.pipe(res);
  } catch (e) {
    res.writeHead(414, {&#39;Content-Type&#39;: &#39;text/html&#39;});
    res.end(&#39;<h1>414 Request-URI Too Large</h1>&#39;);
  }
})

Effet final

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles Liés

Voir plus