LINEミニアプリの構造
# LINEミニアプリの構造
LINEミニアプリのページは、(A)ヘッダーおよび(B)ボディで構成されています。
# ヘッダー
LINEミニアプリのヘッダーは、プラットフォームネイティブのコンポーネントが使用されており、LINEが自動生成します。
ヘッダーは、以下のコンポーネントで構成されています。
番号 | コンポーネント | 説明 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
1 | サービス名 | LINEミニアプリのページで指定した<title> 要素が表示されます。フォントは設定できません。 | |||||||||
- | サブテキスト | 未認証ミニアプリの場合、「サービス名」の下にコンテンツの元のドメインが表示されます。認証済ミニアプリの場合、「サービス名」の下にLINEミニアプリ名と認証バッジが表示されます。 | |||||||||
2 | アクションボタン | タップすると、ユーザーがLINEミニアプリのページを友だちとシェアしたり、ユーザーのKeepメモに保存したり、ページをリロードするためのオプションが表示されます。オプションのテキストは設定できません。 | |||||||||
3 | 閉じるボタン/最小化ボタン | 閉じるボタンと最小化ボタンのどちらが表示されるかは、LINEのバージョンとLINEミニアプリの種類によって異なります。
| |||||||||
4 | 戻るボタン | 前のページを表示します。 | |||||||||
5 | ローディングバー | 現在のページの読み込み状況を表示します。 |
# ボディ
ボディはWebViewが使用されています。HTML5およびLIFFを活用して、サービスごとに開発してください。
LINEミニアプリの開発に関する仕様については、「LINEミニアプリの仕様」を参照してください。