ホームページ  >  記事  >  ウェブフロントエンド  >  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;);
  }
})

最終効果

上記は私がまとめたもので、将来的に皆さんのお役に立てれば幸いです。

関連記事:

Vue.jsフォーム制御操作まとめ

spirngmvc 複雑なjsonパラメータをコントローラーに渡すjsインスタンス

JSはURLパラメータを取得し、JSはJSON形式でPOSTリクエストメソッドを送信

以上がNodejs は QR コードを生成する非常に簡単なメソッドを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。