LIFF LIFF와 Stripe Checkout으로 LINE에서 사용할 수있는 결제 화면을 만들거야. LINE상에서 LINE Pay 이외의 방법으로 결제를 하고 싶다고 하는 클라이언트님의 요망이 있어, LIFF와 Stripe를 얽힌 샘플을 만들어 보았습니다. 이번에는 Stripe의 결제에 LINE의 사용자 ID를 메타데이터로 올려보겠습니다. 테스트용 카드 4242-4242-4242-4242를 사용하여 결제의 흐름을 확인하실 수 있습니다. 카드 만료일과 CVC, 소유자 이름, 이메일 주소는 적... 스트라이프linebotLIFFNode.js M1 Mac에서 LIFF와 React를 사용할 때 환경 구축 2021년 3월 현재 에 도전하고 있습니다. 팀의 제작물로, 를 사용한 것을 작성하기로 했습니다. M1 Macbook Air에서 LIFF를 사용하는 것은 처음입니다. 그래서 환경 구축 등으로 막힌 곳을 써 두고 다시 M1 Mac에서 LIFF를 사용할 때 지루하지 않도록하기위한 비망록입니다. 이 기사는 Hackason 등에서 M1 Macbook을 사용하는 사람들을 위해 썼습니다. 다양한 앱을 ... ReactTypeScript자바스크립트linebotLIFF LINE 로그인 기능을 Node-RED로 구현 이번에는 Hackason에서 자주 이용되는 Node-RED와 LINE의 API를 이용한 것을 기재한다. 제1탄으로서, LINE 로그인 기능의 실장 방법을 여기에 기재한다. ※자신이 향후 이용하기 위한 메모 쓰기 에 로그인합니다. 공급자를 만듭니다. 채널 타입을 「LINE Login」으로 하고, 방금 작성한 프로바이더를 선택해, 채널을 작성한다. LIFF 응용 프로그램을 만듭니다. Endpoi... IBMChampionIBM-CloudLineLoginLIFFnode-red Node-RED에서 LIFF를 움직여 보았습니다. Node-RED로 인증 기능을 사용한 어플리케이션을 만들 때는 세션을 사용할 수 없는 등의 제약이 있어 생각대로의 설계를 할 수 없는 일도 있다고 생각합니다. 그럴 때 LIFF를 사용하면 LINE 인증 기능을 사용한 애플리케이션을 쉽게 만들 수 있습니다. 그래서 새해 첫 번째는 Node-RED에서 LIFF를 사용한 웹 애플리케이션을 사용해 보았습니다. 덧붙여 이번은 작년 발매된 LIFF V2... linebotLIFFnode-red Line Developers 및 Line official Account Manager에서 리치 메뉴 만들기 요 전날 MessagingAPI와 LIFF를 적용하여 다음과 같은 제품을 만들었습니다. 의 에서 은 Line LIFF를 사용하여 여가 매칭 앱을 만들었습니다 가 된 것이 생겨 정말 좋았습니다 ☺️ 여러분, 수고하셨습니다 — Nanaka/국제 연애계 엔지니어 (@nanakaglucklich) ②채팅 화면에서 리치 메뉴가 표시 ③ 리치 메뉴에서 Laravel에서 작성한 어플리케이션(가인 매칭 앱... 리치뉴LineLINEmessagingAPIlinebotLIFF VSCode & Azure에서 LIFF 스타터 앱 시작 개인적으로 최근에 신경이 쓰인 LIFF를 시작하기 위해 LIFF v2 starter app을 시도해 보았습니다. 'Deploy the app using any other server platform' 섹션을 참고하고 싶습니다. LINE 계정이 있습니다 VSCode와 Git을 사용할 수 있습니다 Azure에서 AppService를 만들 수 있습니다. VSCode 터미널에서 복제하려는 디렉토리로... AzureLIFFVSCodeLine Nuxt.js + LINE LIFF 앱을 로컬 환경에서 https로 실행하여 DX 향상 을 개발하고 있다면 수중 환경에서 시도하고 싶지만 https에서 실행이 필수이므로 과 같은 터널링 도구를 사용하여 https로 액세스 할 수 있도록했습니다. 특히 최근에는 Nuxt.js 등의 프레임워크를 사용한 SPA 앱을 만들 기회가 많습니다. 앱이나 개발 환경에 따라서는 수십초에서 1분 정도 걸릴 수도 있고, 매우 DX: Developer Experience(개발 체험)가 좋은 개발이라고... nuxt.jsLIFFLine React에서 LIFF (LINE Front-end Framework) v2 사용하기 라는 npm package 를 만들어 보았으므로, 그 사용법의 소개입니다. 데모 앱은 에 게시되었습니다. LIFF SDK가 (시험적으로) npm package로 공개되었습니다. 이에 따라 node_modules의 LIFF SDK 읽기에 해당하는 react-liff 버전 0.5.0을 출시했습니다. 사용법은 을 참조하십시오. 버전 0.4.0을 출시했습니다. 로그인 상태를 useState()에서 ... ReactLIFFLine 【LINE】 기존 LIFF 앱에 ShareTargetPicker 도입 기존 LIFF 앱에 ShareTargetPicker를 배포하는 방법을 설명합니다. GitHub는 . 다음이 참고가 됩니다. Share Target Picker는 LIFF에서 대상을 선택하여 메시지를 보낼 수 있는 기능입니다. 이에 따라 · 토크 룸이나 그룹에서 열리지 않은 경우에도 메시지를 보낼 수 있습니다. · LIFF 앱을 LINE에서 열었을 때뿐만 아니라 브라우저에서 열었을 때도 메시지... 5자바스크립트LIFFLine 【LINE/LIFF 입문】LIFF로 LINE 공식 어카운트(구LINE@)상에 예약 폼을 작성한다(Go & Heroku 사용) LIFF (LINE Front-end Framework) Heroku 소스 코드는 를 참고로 작성합니다. 채팅 화면 아래에 표시되는 배너를 리치 메뉴라고 합니다. 먼저 리치 메뉴에 설정할 이미지를 을 사용하여 만듭니다. Canova는 소재가 풍부하고 무료 플랜에서도 좋은 느낌의 이미지를 만들 수 있으므로 편리합니다. LINE Offical Account Manager에서 좋은 느낌으로 설정합... 경 6Line자바스크립트5LIFF 【LINE】 LIFF 앱을 사용해보세요 ~ 웹에서 토크로 메시지 보내기 ~ 에서 LIFF 앱을 만들어 LINE 토크에서 실행하여 사용자 정보를 얻고 토크에 메시지를 보내려고했습니다 그냥 이번 달 (2020 년 3 월) 그래서 시도 Share Target Picker를 사용하면 대상 토크를 선택할 수 있으므로 브라우저에서 LIFF 앱을 열 때도 토크에 메시지를 보낼 수 있습니다 Share Target Picker를 사용하려면 에서 설정이 필요합니다 LIFF 탭에서 활... LIFFLine 【LINE】 LIFF 앱을 사용해보세요 ~ 설정까지 ~ LIFF 앱이란 LIFF (LINE Frontend Framework)를 사용하는 앱으로 LINE 토크 화면에 웹 앱을 표시 할 수 있습니다. 또한 웹 앱에서 LINE 정보를 얻거나 메시지를 게시하는 등 LINE과 함께 작동 할 수 있습니다 이 기사에서는 LIFF를 사용한 구현까지는 물론 계정 설정 등의 사전 준비까지 소개합니다. 공식 문서 우선 LINE ID로 LINE Developper에... LIFFLine LIFF에서 WebAssembly가 작동하는지 확인해 보았습니다. 본래는 LINEBot&Clova Advent Calendar 2018을 위해서 쓸 생각이었습니다만, 기일을 지나 버려, 예정하고 있던 곳에는 다른 분이 대리로 기사를 투고해 주셨습니다 그러나, 드디어 시간이 걸렸기 때문에 검증 결과를 올려 두기로 했습니다. LINE의 토크 내에서 WEB 페이지를 표시하는 기능입니다. 2018년 6월부터 사용할 수 있게 되었습니다. 어셈블리 언어를 WEB 브라... WebAssemblyLIFFLine Qiita의 좋아하는 횟수를 알려주는 LINE Bot을 만들어 보았습니다. Qiita에 게시 한 기사의 수가 늘어나면 하루에 몇 가지 좋을 것입니다. 그러나 화면은 여러가지 통지가 섞여 있어 보기 쉬운 것이 아니고, 이전까지 있었던 날마다의 좋아하는 수의 그래프도 가 없어져 버렸습니다 그래서 전날 몇 건의 좋아요가 붙었는지 알려주는 LINE Bot을 공부도 겸해 만들어 보았습니다. 아직 기능을 추가하고 싶습니다만 최소한 할 수 있었으므로 소개합니다 Qiita의 ID... 람다QiitalinebotLIFF LINE API의 LIFF를 이용한 소개 캠페인 점포 등에서 LINE 계정을 개설해도 친구 추가를 받을 수 없으면 대상이 늘어나지 않는 데는 도움이 되지 않습니다. 통상의 운용에서는, 「친구 추가로 쿠폰을 선물!」라고 하는 방법 등으로 친구 늘리는 것이 일반적입니다만, 소개 캠페인 같은 일을 할 수 없을까 상담이 있었습니다. 이번은, LINE 어카운트에 등록해 준 손님을 기점으로서, 그 친구를 소개해 주자고 하는 생각입니다. 이것을 「LI... LINEmessagingAPILIFF LINE Bot : LINE Front-end Framework를 liff npm 패키지로 조작 LINE Bot의 새로운 기능인 을 간단하게 조작할 수 있는 cli 툴이 씨에 의해 npm 로 공개중. 조속히 시도해 보았습니다. 먼저 Bing.com을 Tall에서 추가해 보겠습니다. liffId가 결과로 반환됩니다. bing을 GitHub로 변경해보십시오. 사용자 ID(MID)를 알면 테스트 전송도 가능. ID를 지정해도, 일괄 삭제도 가능. 부족한 기능이 있으면 GitHub의 Issue... LinenpmclilinebotLIFF Nuxt.js의 로컬 개발 환경에서 LIFF를 디버깅하는 방법 LIFFv2에는 LINE 로그인 기능이 있습니다만, 로그인 후의 리디렉션처가 LINEDevelopers로 등록한 https 의 URL에 고정되어 버리기 때문에, 로컬에서의 개발이 상당히 힘들어집니다. 그래서이 기사에서는 로컬 환경에서 쉽게 LIFF 디버깅을 수행하는 방법을 설명합니다. Nuxt.js v2.12.2 localhost를 LINEDevelopers에 등록할 수 있도록 localho... Vue.jsnuxt.jsNode.jslinebotLIFF FlexMessage 버튼에 넣는 LIFF 링크로 조심하십시오. 이전에 LINE bot에서 을 게시했습니다. 수수께끼의 에러가 나와 버려 해결할 수 없고 모야모야한 기분으로 쓰고 있어, 어쨌든 읽어 준 누군가가 가르쳐 준다고 생각하고 있었습니다. 그러자 기적적으로 코멘트를 받았으므로 재차 검증해 보았습니다. 아무래도 LIFF에 파라미터를 건네준 링크를 넣은 버튼을 사용해도 보통으로 LIFF는 기동하는 것 같습니다. 그리고 Flex Message의 JSON... MessagingAPIlinebotLIFF LINE Things로 쓰레기 일 알림 앱을 만들어 보았습니다. 휴지통에 착용 할 수있는 유형의 "쓰레기 일 알림"IoT 앱 LINE Things Award에 응모했습니다. LINE bot상에서 움직일 수 있는 LIFF(LINE Front-end Framework)를 사용해, obniz에 정보를 등록해 obniz가 쓰레기의 날을 통지해 주는 앱을 만들었습니다. LINE things의 좋은 곳은 독자적인 앱을 만들지 않아도 BLE 경유로 디바이스와 접속해 ... linebotLIFFLINEThings React에서 LIFF v2 기능 시도 이 보도는 본사 의 첫날 보도입니다.올해 Advent Calender의 깃발 흔드는 역할은 저, 가 맡았습니다! 새로운 기능에 대한 상세한 자료는 있으니, 주로 저쪽을 보십시오.새로운 기능으로 다음과 같은 내용을 소개했다. 이후 자세한 설명은 없었지만 이런 것도 추가된 것 같다. 시도해 본 일은 다음과 같다. QR 스캔은 LINE 로그인 시에만 시작됩니다 실현된 코드는 다음과 같다. 너무 실... ReactTypeScriptLIFF AWS CDK+React+TypeScript를 통한 LIFF 개발 최근 사건에서 접촉 했기 때문에 이 기사가 생각났다.이 CDK는 AWS의 컨트롤러를 만지지 않아도 클라우드 환경을 구축할 수 있어 매우 편리하다. CDK에 관해서는 에서 만져봤기 때문에 거기를 참고했고 React+TypeScript에서 개발을 시도했습니다 도했죠 . 거기를 참고하세요.이번에 이 두 개를 조합하여 AWS 콘솔을 터치하지 않고 LIFF를 개발했다. 참조 .이 글은 S3와 Clou... ReactLIFFaws-cdk LINFF에 로그인 화면이 반복되는 구린내 나는 벌레를 만났을 때 하는 일. 늪이 며칠 동안 불어서 필기를 했다.미래의 누군가의 시간을 줄일 수 있다면 나는 매우 기쁠 것이다. 개인정보가 포함되어 있어 애니메이션을 기고할 수 없지만 아래 라인의 로그인 화면은 반무한으로 버그가 표시됩니다.("로그인"을 눌러도 즉시 리디렉션access.line.me("반"무한 재시도를 몇 번 하면 때에 따라 순조롭게 진행될 수 있음) 어떤 경우liff.init의 URL과 끝점 URL(또... LIFFJavaScript
LIFF와 Stripe Checkout으로 LINE에서 사용할 수있는 결제 화면을 만들거야. LINE상에서 LINE Pay 이외의 방법으로 결제를 하고 싶다고 하는 클라이언트님의 요망이 있어, LIFF와 Stripe를 얽힌 샘플을 만들어 보았습니다. 이번에는 Stripe의 결제에 LINE의 사용자 ID를 메타데이터로 올려보겠습니다. 테스트용 카드 4242-4242-4242-4242를 사용하여 결제의 흐름을 확인하실 수 있습니다. 카드 만료일과 CVC, 소유자 이름, 이메일 주소는 적... 스트라이프linebotLIFFNode.js M1 Mac에서 LIFF와 React를 사용할 때 환경 구축 2021년 3월 현재 에 도전하고 있습니다. 팀의 제작물로, 를 사용한 것을 작성하기로 했습니다. M1 Macbook Air에서 LIFF를 사용하는 것은 처음입니다. 그래서 환경 구축 등으로 막힌 곳을 써 두고 다시 M1 Mac에서 LIFF를 사용할 때 지루하지 않도록하기위한 비망록입니다. 이 기사는 Hackason 등에서 M1 Macbook을 사용하는 사람들을 위해 썼습니다. 다양한 앱을 ... ReactTypeScript자바스크립트linebotLIFF LINE 로그인 기능을 Node-RED로 구현 이번에는 Hackason에서 자주 이용되는 Node-RED와 LINE의 API를 이용한 것을 기재한다. 제1탄으로서, LINE 로그인 기능의 실장 방법을 여기에 기재한다. ※자신이 향후 이용하기 위한 메모 쓰기 에 로그인합니다. 공급자를 만듭니다. 채널 타입을 「LINE Login」으로 하고, 방금 작성한 프로바이더를 선택해, 채널을 작성한다. LIFF 응용 프로그램을 만듭니다. Endpoi... IBMChampionIBM-CloudLineLoginLIFFnode-red Node-RED에서 LIFF를 움직여 보았습니다. Node-RED로 인증 기능을 사용한 어플리케이션을 만들 때는 세션을 사용할 수 없는 등의 제약이 있어 생각대로의 설계를 할 수 없는 일도 있다고 생각합니다. 그럴 때 LIFF를 사용하면 LINE 인증 기능을 사용한 애플리케이션을 쉽게 만들 수 있습니다. 그래서 새해 첫 번째는 Node-RED에서 LIFF를 사용한 웹 애플리케이션을 사용해 보았습니다. 덧붙여 이번은 작년 발매된 LIFF V2... linebotLIFFnode-red Line Developers 및 Line official Account Manager에서 리치 메뉴 만들기 요 전날 MessagingAPI와 LIFF를 적용하여 다음과 같은 제품을 만들었습니다. 의 에서 은 Line LIFF를 사용하여 여가 매칭 앱을 만들었습니다 가 된 것이 생겨 정말 좋았습니다 ☺️ 여러분, 수고하셨습니다 — Nanaka/국제 연애계 엔지니어 (@nanakaglucklich) ②채팅 화면에서 리치 메뉴가 표시 ③ 리치 메뉴에서 Laravel에서 작성한 어플리케이션(가인 매칭 앱... 리치뉴LineLINEmessagingAPIlinebotLIFF VSCode & Azure에서 LIFF 스타터 앱 시작 개인적으로 최근에 신경이 쓰인 LIFF를 시작하기 위해 LIFF v2 starter app을 시도해 보았습니다. 'Deploy the app using any other server platform' 섹션을 참고하고 싶습니다. LINE 계정이 있습니다 VSCode와 Git을 사용할 수 있습니다 Azure에서 AppService를 만들 수 있습니다. VSCode 터미널에서 복제하려는 디렉토리로... AzureLIFFVSCodeLine Nuxt.js + LINE LIFF 앱을 로컬 환경에서 https로 실행하여 DX 향상 을 개발하고 있다면 수중 환경에서 시도하고 싶지만 https에서 실행이 필수이므로 과 같은 터널링 도구를 사용하여 https로 액세스 할 수 있도록했습니다. 특히 최근에는 Nuxt.js 등의 프레임워크를 사용한 SPA 앱을 만들 기회가 많습니다. 앱이나 개발 환경에 따라서는 수십초에서 1분 정도 걸릴 수도 있고, 매우 DX: Developer Experience(개발 체험)가 좋은 개발이라고... nuxt.jsLIFFLine React에서 LIFF (LINE Front-end Framework) v2 사용하기 라는 npm package 를 만들어 보았으므로, 그 사용법의 소개입니다. 데모 앱은 에 게시되었습니다. LIFF SDK가 (시험적으로) npm package로 공개되었습니다. 이에 따라 node_modules의 LIFF SDK 읽기에 해당하는 react-liff 버전 0.5.0을 출시했습니다. 사용법은 을 참조하십시오. 버전 0.4.0을 출시했습니다. 로그인 상태를 useState()에서 ... ReactLIFFLine 【LINE】 기존 LIFF 앱에 ShareTargetPicker 도입 기존 LIFF 앱에 ShareTargetPicker를 배포하는 방법을 설명합니다. GitHub는 . 다음이 참고가 됩니다. Share Target Picker는 LIFF에서 대상을 선택하여 메시지를 보낼 수 있는 기능입니다. 이에 따라 · 토크 룸이나 그룹에서 열리지 않은 경우에도 메시지를 보낼 수 있습니다. · LIFF 앱을 LINE에서 열었을 때뿐만 아니라 브라우저에서 열었을 때도 메시지... 5자바스크립트LIFFLine 【LINE/LIFF 입문】LIFF로 LINE 공식 어카운트(구LINE@)상에 예약 폼을 작성한다(Go & Heroku 사용) LIFF (LINE Front-end Framework) Heroku 소스 코드는 를 참고로 작성합니다. 채팅 화면 아래에 표시되는 배너를 리치 메뉴라고 합니다. 먼저 리치 메뉴에 설정할 이미지를 을 사용하여 만듭니다. Canova는 소재가 풍부하고 무료 플랜에서도 좋은 느낌의 이미지를 만들 수 있으므로 편리합니다. LINE Offical Account Manager에서 좋은 느낌으로 설정합... 경 6Line자바스크립트5LIFF 【LINE】 LIFF 앱을 사용해보세요 ~ 웹에서 토크로 메시지 보내기 ~ 에서 LIFF 앱을 만들어 LINE 토크에서 실행하여 사용자 정보를 얻고 토크에 메시지를 보내려고했습니다 그냥 이번 달 (2020 년 3 월) 그래서 시도 Share Target Picker를 사용하면 대상 토크를 선택할 수 있으므로 브라우저에서 LIFF 앱을 열 때도 토크에 메시지를 보낼 수 있습니다 Share Target Picker를 사용하려면 에서 설정이 필요합니다 LIFF 탭에서 활... LIFFLine 【LINE】 LIFF 앱을 사용해보세요 ~ 설정까지 ~ LIFF 앱이란 LIFF (LINE Frontend Framework)를 사용하는 앱으로 LINE 토크 화면에 웹 앱을 표시 할 수 있습니다. 또한 웹 앱에서 LINE 정보를 얻거나 메시지를 게시하는 등 LINE과 함께 작동 할 수 있습니다 이 기사에서는 LIFF를 사용한 구현까지는 물론 계정 설정 등의 사전 준비까지 소개합니다. 공식 문서 우선 LINE ID로 LINE Developper에... LIFFLine LIFF에서 WebAssembly가 작동하는지 확인해 보았습니다. 본래는 LINEBot&Clova Advent Calendar 2018을 위해서 쓸 생각이었습니다만, 기일을 지나 버려, 예정하고 있던 곳에는 다른 분이 대리로 기사를 투고해 주셨습니다 그러나, 드디어 시간이 걸렸기 때문에 검증 결과를 올려 두기로 했습니다. LINE의 토크 내에서 WEB 페이지를 표시하는 기능입니다. 2018년 6월부터 사용할 수 있게 되었습니다. 어셈블리 언어를 WEB 브라... WebAssemblyLIFFLine Qiita의 좋아하는 횟수를 알려주는 LINE Bot을 만들어 보았습니다. Qiita에 게시 한 기사의 수가 늘어나면 하루에 몇 가지 좋을 것입니다. 그러나 화면은 여러가지 통지가 섞여 있어 보기 쉬운 것이 아니고, 이전까지 있었던 날마다의 좋아하는 수의 그래프도 가 없어져 버렸습니다 그래서 전날 몇 건의 좋아요가 붙었는지 알려주는 LINE Bot을 공부도 겸해 만들어 보았습니다. 아직 기능을 추가하고 싶습니다만 최소한 할 수 있었으므로 소개합니다 Qiita의 ID... 람다QiitalinebotLIFF LINE API의 LIFF를 이용한 소개 캠페인 점포 등에서 LINE 계정을 개설해도 친구 추가를 받을 수 없으면 대상이 늘어나지 않는 데는 도움이 되지 않습니다. 통상의 운용에서는, 「친구 추가로 쿠폰을 선물!」라고 하는 방법 등으로 친구 늘리는 것이 일반적입니다만, 소개 캠페인 같은 일을 할 수 없을까 상담이 있었습니다. 이번은, LINE 어카운트에 등록해 준 손님을 기점으로서, 그 친구를 소개해 주자고 하는 생각입니다. 이것을 「LI... LINEmessagingAPILIFF LINE Bot : LINE Front-end Framework를 liff npm 패키지로 조작 LINE Bot의 새로운 기능인 을 간단하게 조작할 수 있는 cli 툴이 씨에 의해 npm 로 공개중. 조속히 시도해 보았습니다. 먼저 Bing.com을 Tall에서 추가해 보겠습니다. liffId가 결과로 반환됩니다. bing을 GitHub로 변경해보십시오. 사용자 ID(MID)를 알면 테스트 전송도 가능. ID를 지정해도, 일괄 삭제도 가능. 부족한 기능이 있으면 GitHub의 Issue... LinenpmclilinebotLIFF Nuxt.js의 로컬 개발 환경에서 LIFF를 디버깅하는 방법 LIFFv2에는 LINE 로그인 기능이 있습니다만, 로그인 후의 리디렉션처가 LINEDevelopers로 등록한 https 의 URL에 고정되어 버리기 때문에, 로컬에서의 개발이 상당히 힘들어집니다. 그래서이 기사에서는 로컬 환경에서 쉽게 LIFF 디버깅을 수행하는 방법을 설명합니다. Nuxt.js v2.12.2 localhost를 LINEDevelopers에 등록할 수 있도록 localho... Vue.jsnuxt.jsNode.jslinebotLIFF FlexMessage 버튼에 넣는 LIFF 링크로 조심하십시오. 이전에 LINE bot에서 을 게시했습니다. 수수께끼의 에러가 나와 버려 해결할 수 없고 모야모야한 기분으로 쓰고 있어, 어쨌든 읽어 준 누군가가 가르쳐 준다고 생각하고 있었습니다. 그러자 기적적으로 코멘트를 받았으므로 재차 검증해 보았습니다. 아무래도 LIFF에 파라미터를 건네준 링크를 넣은 버튼을 사용해도 보통으로 LIFF는 기동하는 것 같습니다. 그리고 Flex Message의 JSON... MessagingAPIlinebotLIFF LINE Things로 쓰레기 일 알림 앱을 만들어 보았습니다. 휴지통에 착용 할 수있는 유형의 "쓰레기 일 알림"IoT 앱 LINE Things Award에 응모했습니다. LINE bot상에서 움직일 수 있는 LIFF(LINE Front-end Framework)를 사용해, obniz에 정보를 등록해 obniz가 쓰레기의 날을 통지해 주는 앱을 만들었습니다. LINE things의 좋은 곳은 독자적인 앱을 만들지 않아도 BLE 경유로 디바이스와 접속해 ... linebotLIFFLINEThings React에서 LIFF v2 기능 시도 이 보도는 본사 의 첫날 보도입니다.올해 Advent Calender의 깃발 흔드는 역할은 저, 가 맡았습니다! 새로운 기능에 대한 상세한 자료는 있으니, 주로 저쪽을 보십시오.새로운 기능으로 다음과 같은 내용을 소개했다. 이후 자세한 설명은 없었지만 이런 것도 추가된 것 같다. 시도해 본 일은 다음과 같다. QR 스캔은 LINE 로그인 시에만 시작됩니다 실현된 코드는 다음과 같다. 너무 실... ReactTypeScriptLIFF AWS CDK+React+TypeScript를 통한 LIFF 개발 최근 사건에서 접촉 했기 때문에 이 기사가 생각났다.이 CDK는 AWS의 컨트롤러를 만지지 않아도 클라우드 환경을 구축할 수 있어 매우 편리하다. CDK에 관해서는 에서 만져봤기 때문에 거기를 참고했고 React+TypeScript에서 개발을 시도했습니다 도했죠 . 거기를 참고하세요.이번에 이 두 개를 조합하여 AWS 콘솔을 터치하지 않고 LIFF를 개발했다. 참조 .이 글은 S3와 Clou... ReactLIFFaws-cdk LINFF에 로그인 화면이 반복되는 구린내 나는 벌레를 만났을 때 하는 일. 늪이 며칠 동안 불어서 필기를 했다.미래의 누군가의 시간을 줄일 수 있다면 나는 매우 기쁠 것이다. 개인정보가 포함되어 있어 애니메이션을 기고할 수 없지만 아래 라인의 로그인 화면은 반무한으로 버그가 표시됩니다.("로그인"을 눌러도 즉시 리디렉션access.line.me("반"무한 재시도를 몇 번 하면 때에 따라 순조롭게 진행될 수 있음) 어떤 경우liff.init의 URL과 끝점 URL(또... LIFFJavaScript