基本はWebアプリの開発と同じ

WebアプリにLIFE SDKを導入すればLIFFアプリ

→LIFF SDK... JavaScriptライブラリ

開発の流れ

LINE Developers ConsoleでLIFFアプリを登録

Webアプリを作成

WebアプリにLIFF SDKを導入し、登録したLIFFアプリのLIFF IDを使って初期化

LIFF SDKの導入(SDKはGemみたいなツールボックスのイメージ)

ドキュメント→https://developers.line.biz/ja/docs/liff/developing-liff-apps/#specify-cdn-path

◯CDNを使う方法(application.html.erbに以下を追加)

<script charset="utf-8" src="<https://static.line-scdn.net/liff/edge/2/sdk.js>"></script>

◯npmでダウンロードする方法(ターミナルで実行)

npm install --save @line/liff

JavaScriptに以下コードを記載

import liff from '@line/liff';

liff.init({
    liffId: '1234567890-AbcdEfgh', // Use own liffId
});