nodejs實作超簡單產生二維碼的方法-js教程-PHP中文網

nodejs實作超簡單產生二維碼的方法

亚连

發布： 2018-05-29 16:37:40

原創

2501 人瀏覽過

這篇文章主要介紹了nodejs實現超簡單生成二維碼的方法,結合實例形式分析了nodejs基於qr-image插件生成二維碼的相關操作技巧,需要的朋友可以參考下

本文實例講述了nodejs實作超簡單產生二維碼的方法。分享給大家供大家參考，具體如下：

一開始使用node-qrcode（https://github.com/soldair/node-qrcode），結果安裝的時候需要安裝python，且不支援python3.0以上，安裝python2.0的時候又需要安裝其他的環境，所以放棄了。

最後選擇了一個小眾的插件qr-image（https://github.com/alexeyten/qr-image）

前台頁面如下

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>

登入後複製

後端程式碼：

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;);
  }
})

登入後複製

最後效果