# LINEミニアプリの構造

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

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

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

番号 コンポーネント 説明
1 サービス名 LINEミニアプリのページで指定した<title>要素が表示されます。フォントは設定できません。
- サブテキスト 未認証ミニアプリの場合、「サービス名」の下にコンテンツの元のドメインが表示されます。認証済ミニアプリの場合、「サービス名」の下にLINEミニアプリ名と認証バッジが表示されます。
2 アクションボタン タップすると、ユーザーがLINEミニアプリのページを友だちとシェアしたり、ユーザーのKeepメモに保存したり、ページをリロードするためのオプションが表示されます。オプションのテキストは設定できません。
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ミニアプリの仕様」を参照してください。