【#LINE】 LIFF v2 (LINE Front-end Framework v2)를 사용하여 2차원 바코드(QR 코드) 읽기

개요



지금까지의 LIFF v1에서는 할 수 없었던 2차원 바코드의 읽기 기능이 LIFF v2에 등장했으므로, 샘플 앱을 사용해 QR코드 읽기를 시도해 보겠습니다.

전제 조건


  • LINE Messaging API를 사용할 수있는 계정이 있어야합니다
  • Heroku 계정

  • LIFF란?



    공식에서 인용

    LINE Front-end Framework(LIFF)는 LINE에서 제공하는 웹 앱 플랫폼입니다. 이 플랫폼에서 실행되는 웹 앱을 LIFF 앱이라고 합니다.


    시도하다



    샘플 앱 배포



    LIFF v2 샘플을 Heroku에 배포합니다.



    로그인 후 필요한 정보를 입력 (여기서 새로운 Heroku 계정을 만들 수도 있습니다)



    배포(Deploy app)합니다.



    LIFF 앱 만들기



    만든 앱의 URL을 확인합니다.

    지금은 설정 정보가 올바르지 않기 때문에 올바른 화면은 표시되지 않습니다. (setting에서 확인할 수도 있습니다.)




    생성 후 LIFF ID를 저장합니다.


    line://app/{liffId}.입니다.

    샘플 앱 설정



    환경 변수(LIFF에 필요한 정보)를 설정하기 위해 대시보드로 전환하여 방금 저장한 LIFF ID를 추가합니다.







    KEY ~ MY_LIFF_ID
    VALUE에 방금 저장한 LIFFID
    를 입력하고 추가합니다.



    이상으로 완료입니다.
    LINE에서 LIFF를 열고 동작을 확인합니다.

    동작 검증



    기본은 LINE에서 친구등록 등을 열 때와 같다(LINE 공식적으로는 숨겨져 있던 기능일 것) QR코드 리더가 열립니다.
    따라서 Android의 경우 URL 이외의 값은 형식 오류로 인해 검색 할 수 없습니다.



    감상



    LIFF에서 QR 코드를 읽는 것은 꽤 많은 사람이 기다리고 있던 기능이 아닐까요?
    LIFF v2가 되어 그 밖에도 새롭게 추가된 기능이 다수 있으므로 시험할 예정입니다.

    주의점으로서, 지금까지 있던 LIFF v1 은 공식 문서에도 있는 대로 폐지 예정이라고의 일이므로, 이행하도록 합시다.

    좋은 웹페이지 즐겨찾기