간편하게 URL 요청으로 QRCode 생성하기(Feat. chart.scrippter.com)

안녕하세요~

오늘은 간편하게 QR Code를 동적으로 생성하는 Tip에 대해 글을 작성해 보고자 합니다.

 

정확하지는 않지만, 네이버나 구글에 로그인하면 QR Code를 생성하는 서비스가 있을 것입니다.

그런 서비스는 로그인하고, 이래 저래 입력하고, 뭔가를 선택하면 QR Code가 "짠" 하고 나왔을 텐데요~

위 서비스보다 더 단순하게 chart.scrippter.com에 있는 API를 통해서 간편하게 생성해 보려고 합니다.

 

URL로 QR Code 만들기

 

QR Code 생성하기

관련 서비스 : https://chart.scrippter.com/

Free QR Code Generator | Scrippter Chart API

 

위의 무료 QR Code 생성해 주는 사이트로 들어가면 상단에 QR Code로 생성할 링크를 입력하는 공간이 있습니다.

 

QR Generator

 

네이버 URL인 www.naver.com를 입력하고 Generate QR 버튼을 클릭합니다.

QR Code 생성완료

 

그럼 QR Code 이미지가 생성이 완료되고, 이미지를 저장해서 활용할 수 있게 됩니다.

 

https://chart.scrippter.com/chart?cht=qr&chs=57x57&chl=www.naver.com&choe=UTF-8&chld=L|1

 

위 서비스는 URL에 생성할 QR Code의 정보가 포함되어 있습니다.

예를 들어 구글로 접속하는 QR Code를 생성하고 싶다면, URL에 포함된 chl에 지정된 값을 변경하면 되는 거죠~

 

https://chart.scrippter.com/chart?cht=qr&chs=57x57&chl=www.google.com&choe=UTF-8&chld=L|1

 

참 간편하죠?~

 

QR Code URL 참조 내용

그렇다면, URL에 포함된 각각의 값이 어떤 것을 의미하는지 자세히 살펴보도록 하겠습니다.

 

• cht : QR 차트를 지정합니다. 현재 지원 값 또는 기본값은 qr입니다.
• chs : QR 크기를 지정합니다. 기본값은 57x57이며, 지원하는 값은 21x21, 25x25, 29x29, 33x33, 57x57, 177x177입니다.
• choe : QR 유형을 지정합니다. 기본값은 UTF-8입니다.
• chld : QR 길이와 여백을 지정합니다. 길이(L : Low, M : Medium, Q : Quanrate, H : High), 여백(0, 1, 2, 3, 4)

위의 참조 값을 활용해서 이미 생성한 네이버의 QR Code를 크기와 길이, 여백을 변경해 보도록 하겠습니다.

브라우저에 https://chart.scrippter.com/chart?cht=qr&chs=177x177&chl=www.naver.com&choe=UTF-8&chld=H|4 라고 입력합니다.

그럼 전에 기본값으로 생성한 QR Code와 다른 점을 확인할 수 있을 것입니다.

 

QR Code 이미지 활용

웹페이지에 QR Code 이미지를 넣을 때 어떻게 해야 할까요?

QR Code 이미지를 저장하고, 서버에 해당 이미지가 있고, 그 이미지 경로를 img 태그에서 불러오는 게 기본적인 방법일 것입니다.

<img src="서버경로/qrcode.png" alt="QR Code" />

 

하지만, 위의 QR Code 생성해 주는 URL을 바로 이용한다면 정말 간편하게 QR Code 이미지를 웹페이지에 띄울 수 있겠죠?

<img src="https://chart.scrippter.com/chart?cht=qr&chs=57x57&chl=www.naver.com&choe=UTF-8&chld=L|1" alt="QR Code" />

 

짜잔, 정말 쉽고 편리합니다.

 

마무리

QR Code를 동적으로 생성할 일이 있어서 스프링 프레임워크에 어떤 라이브러리를 사용해야 할까, 아니면 어떤 공개된 API를 사용해야 할까 찾던 도중에 발견한 사이트였습니다.

다른 API처럼 API URL을 호출하고, 값을 받아오고 처리해야 하는 부분이 아닌 단순 URL에 값을 넣으면 바로 이미지가 나오기에 매우 쉽고 편리하게 사용할 수 있습니다.

 

물론, chart.scrippter.com 웹사이트가 장애 나거나 서비스가 중단되면 문제의 소지가 있긴 합니다.

가볍게 QR Code를 노출할 용도로 사용하기엔 매우 적합해 보이는 것 같습니다.