집 > 기사 > 웹 프론트엔드 > Nodejs는 QR 코드를 생성하는 매우 간단한 방법을 구현합니다.

Nodejs는 QR 코드를 생성하는 매우 간단한 방법을 구현합니다.

亚连원래의: 2018-05-29 16:37:402503검색

이 글에서는 초간단 QR코드 생성을 위한 nodejs의 방법을 주로 소개하고, QR코드 생성을 위한 qr-image 플러그인을 기반으로 nodejs의 관련 조작 기술을 분석하여 필요한 친구들이 참고할 수 있도록 하겠습니다.

이 기사에서는 Nodejs가 QR 코드를 생성하는 매우 간단한 방법을 구현하는 예제를 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

처음에는 node-qrcode(https://github.com/soldair/node-qrcode)를 사용했습니다. 따라서 Python이 필요합니다. 위의 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;);
  }
})

최종 효과

위 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.

Nodejs는 QR 코드를 생성하는 매우 간단한 방법을 구현합니다.

관련 기사