Introduction

    Bạn đã bao giờ nghĩ đến việc tổ chức một event nhỏ mang tính 4.0 chưa? Nếu bạn đã trả lời có cho câu hỏi này, thì bạn có nhiều khả năng quan tâm đến việc kiếm tiền và bán vé. Một cách để xác minh rằng ai đó đã mua vé là qua QR Code. Bây giờ tôi sẽ hướng dẫn bạn build một web Ruby on Rails có thể generate QR code bằng gem rqrcode

    RQRCode là một thư viện để tạo và hiển thị QR code thành nhiều định dạng khác nhau. Nó có một giao diện đơn giản với tất cả các tùy chọn QR code tiêu chuẩn. Nó được chuyển thể từ thư viện Javascript bởi Kazuhiko Arase.

Installation

    Mặc định bạn đã biết install ruby và rails nhé.

    Thêm gem 'rqrcode' vào Gemfile trong ứng dụng của bạn. Hoặc có thể cài đặt thủ công bằng command line gem install rqrcode.

    Tạo một model là Ticket với attribute là code và action show.

    Setup route cho Ticket: resources :tickets, only: :show

Basic usage example

require 'rqrcode'

qr = RQRCode::QRCode.new('http://github.com')
result = ''

qr.qrcode.modules.each do |row|
  row.each do |col|
    result << (col ? 'X' : 'O')
  end

  result << "\n"
end

puts result

Advanced Options

    Đây là các tùy chọn tạo QR Code khác nhau được cung cấp bởi rqrqcode_core.

    string - the string you wish to encode

    size - the size of the qrcode (default 4)

    level - the error correction level, can be:

• Level :l 7% of code can be restored
• Level :m 15% of code can be restored
• Level :q 25% of code can be restored
• Level :h 30% of code can be restored (default :h)

    mode - the mode of the qrcode (defaults to alphanumeric or byte_8bit, depending on the input data):

• :number
• :alphanumeric
• :byte_8bit
• :kanji Ví dụ : qrcode = RQRCodeCore::QRCode.new('VUONG', size: 1, level: :m, mode: :alphanumeric)

Render types

    Tạo sample data bằng seed :

10.times do
  Ticket.create! code: SecureRandom.hex
end

as SVG

    Basic

require 'rqrcode'

qrcode = RQRCode::QRCode.new("26946d181d1d45717d186d492843dedc")

# NOTE: showing with default options specified explicitly
svg = qrcode.as_svg(
  offset: 0,
  color: '000',
  shape_rendering: 'crispEdges',
  module_size: 6,
  standalone: true
)

    Rails

def show
    @ticket = Ticket.find_by params[:id]

    qr_code = RQRCode::QRCode.new(@ticket.code)

    @svg = qr_code.as_svg(
      offset: 0,
      color: '000',
      shape_rendering: 'crispEdges',
      module_size: 6
    )
  end

    Output

as ANSI

    Basic

require 'rqrcode'

qrcode = RQRCode::QRCode.new("26946d181d1d45717d186d492843dedc")

svg = qrcode.as_ansi(
  light: "\033[47m", dark: "\033[40m",
  fill_character: '  ',
  quiet_zone_size: 4
)

    Rails

  def show
    @ticket = Ticket.find_by params[:id]

    qr_code = RQRCode::QRCode.new(@ticket.code)

    @svg = qr_code.as_ansi(
      light: "\033[47m", dark: "\033[40m",
      fill_character: '  ',
      quiet_zone_size: 4
    )
  end

    Output

as PNG

    Basic

require 'rqrcode'

qrcode = RQRCode::QRCode.new("26946d181d1d45717d186d492843dedc")

png = qrcode.as_png(
  bit_depth: 1,
  border_modules: 4,
  color_mode: ChunkyPNG::COLOR_GRAYSCALE,
  color: 'black',
  file: nil,
  fill: 'white',
  module_px_size: 6,
  resize_exactly_to: false,
  resize_gte_to: false,
  size: 120
)

IO.binwrite("/tmp/qrcode.png", png.to_s)

    Rails

  def show
    @ticket = Ticket.find_by id: params[:id]

    qr_code = RQRCode::QRCode.new(@ticket.code)

    png = qr_code.as_png(
      bit_depth: 1,
      border_modules: 4,
      color_mode: ChunkyPNG::COLOR_GRAYSCALE,
      color: 'black',
      file: nil,
      fill: 'white',
      module_px_size: 6,
      resize_exactly_to: false,
      resize_gte_to: false,
      size: 120
    )

    IO.binwrite("./tmp/qrcode.png", png.to_s)
  end

    Output

On the console

    Basic

require 'rqrcode'

qr = RQRCode::QRCode.new('vuongvuong', size: 4, level: :h)

puts qr.to_s

    Output

API Documentation

    http://www.rubydoc.info/gems/rqrcode

Resources

    https://github.com/whomwah/rqrcode

    https://medium.com/@m.gould16/generate-a-qr-code-server-side-with-ruby-on-rails-f9e6e84488a8