🎊

LIFF + Next.jsのテンプレートを公開 〜LIFF Mock搭載〜

2022/05/22に公開

私が LIFF と LINE ミニアプリを開発するために使っていた、テンプレートを公開します。

https://github.com/hyodoblog/liff-nextjs-template

先日リリースされた LIFF Mock を搭載してます。
https://github.com/line/liff-mock

使い方

  1. cloneまたはuse templateをする
  2. .env.exampleファイルをコピーし、.env.localファイルを作成する
cp .env.exapmle .env.local
  1. NEXT_PUBLIC_LIFF_ID変数に LIFF ID を設定する

以上です。

LIFF ID の発行に関してはこちらの記事を参考にどうぞ
https://zenn.dev/jiyuujin/books/react-x-vite-x-liff/viewer/page3

画面

  • 認証失敗画面

  • 認証成功画面

さいごに

今回公開したテンプレートは LIFF を初期動作させるための初歩的なものしか搭載しておりません。
各々の書き方もあると思いますので、本テンプレートを活用してご自身の型にはめていただければ幸いです!

LINE ミニアプリ開発者が増加することを節に願っております!!!

GitHubで編集を提案
YOSHINANI

Discussion