LINEミニアプリの構造

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

ヘッダー

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

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

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

ボディ

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

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