LINEミニアプリの構造

LINEミニアプリのページは、(A)ヘッダーおよび(B)ボディで構成されています。

ヘッダー

LINEミニアプリのヘッダーは、プラットフォームネイティブのコンポーネントが使用されており、LINEが自動生成します。

ヘッダーは、以下のコンポーネントで構成されています。

番号コンポーネント説明
1サービス名LINEミニアプリのページで指定した<title>要素が表示されます。フォントは設定できません。
-サブテキスト未認証ミニアプリの場合、「サービス名」の下にコンテンツの元のドメインが表示されます。認証済ミニアプリの場合、「サービス名」の下にLINEミニアプリ名と認証バッジが表示されます。
2アクションボタンアクションボタンを押すと、LINEアプリのバージョンに応じた機能が表示されます。詳しくは、「アクションボタン」を参照してください。
3最小化ボタン/閉じるボタン最小化ボタンと閉じるボタンのどちらが表示されるかは、LINEミニアプリの種類とLINEのバージョンによって異なります。
LINEミニアプリの種類LINEのバージョン表示されるボタン
認証済ミニアプリ
  • iOS版LINEバージョン14.15.1 〜 26.6.x
  • Android版LINEバージョン15.0.0 〜 26.6.x
最小化ボタン
上記以外のバージョン閉じるボタン
未認証ミニアプリすべてのバージョン閉じるボタン
閉じるボタンをタップすると、LINEミニアプリを閉じます。最小化ボタンをタップすると、LINEミニアプリを最小化します。最小化について詳しくは、『LIFFドキュメント』の「LIFFブラウザを最小化する」を参照してください。
4戻るボタン前のページを表示します。
5ローディングバー現在のページの読み込み状況を表示します。

ボディ

ボディはWebViewが使用されています。HTML5およびLIFFを活用して、サービスごとに開発してください。

LINEミニアプリの開発に関する仕様については、「LINEミニアプリの仕様」を参照してください。