はじめに

LIFFはパスとクエリパラメータを受け取ることができるようになっています。
これとテンプレートを使ったページ生成を利用して、用意されている FULL, TALL, COMPACT の3種類の LIFF ID を用意するだけで、あとは自由にサイズと内容を変更できるようにします。
ここではとりあえず動く環境を用意して、その動きから中身を理解していきたいと思います。

手順

• Heroku の準備1
• LINE の準備
• Heroku の準備２

Heroku の準備1

1. リポジトリへアクセス
2. Deploy to Heroku ボタンを押す

3. アプリ名を決める

1. appurl は https://アプリ名.herokuapp.com となる
   5. 例えば https://parameterized-liff.herokuapp.com
   6. アプリ名を入力してavailableなら この状態で止めておいて、LINE の準備を行う

LINE の準備

1. LINE Developers にログイン

2. Messaging API の新チャネルを作成
   

   1. チャネル基本設定タブ
      

      1. チャネルシークレットをHerokuにコピペ
         
         

   2. Messaging API タブ
      

      1. Webhook URL に appurl/callback を設定
         5. ここでは https://parameterized-liff.herokuapp.com/callback

      2. Webhookの利用を有効化

      3. 応答メッセージ、あいさつメッセージ無効化
         

      4. チャネルアクセストークン発行

      5. チャネルアクセストークンをHerokuにコピペ

3. LINE LOGIN の新チャネルを作成
   

   1. 非公開を公開に切り替え（自分以外に使ってもらう時には）
      

   2. LIFFタブ
      

      1. Full, Tall, CompactのLIFFを作成
         

      2. URLは appurl/liff/full, tall, compact
         

      3. それぞれのLIFF IDをHerokuへコピペ
         

Heroku の準備2

1. Deployボタンを押す
   

動作確認

• Messaging APIのチャネルの Messaging APIタブにあるQRコードで友達登録

• 何かテキストを送信

• FLEX Messageが帰ってくるのでLIFFの大きさを選ぶとそのページが開かれる

• Webの中身は送信したテキスト

LIFFアクセスの流れ

def show_liff(liff_type, page="None"):
    if request.args.get("liff.state"):
        # 1次リダイレクト
        return template_render(liff_type, "login")

    # 2次リダイレクト
    return template_render(liff_type, page)


@app.route("/liff/<liff_type>", methods=['GET'])
def show_liff_1st(liff_type):
    return show_liff(liff_type)


@app.route("/liff/<liff_type>/<page>", methods=['GET'])
def show_liff_2nd(liff_type, page):
    return show_liff(liff_type, page)

1. パスやパラメータが渡されているときには最初に指定したURLにliff.stateというパラメータが付きのエンドポイントアクセスします。
2. そこでLIFFへのログインが実行されると、元々設定していたパスとパラメータを持ったURLにアクセスします。

参考URL

• https://developers.line.biz/ja/docs/liff/opening-liff-app/#redirect-flow
• https://github.com/hiro-ogawa/parameterized-liff