24時間止まらないFlutterアプリの作り方

24時間止まらないFlutterアプリの作り方 Flutterアプリでキオスクモード実装

自己紹介名前: きしもと所属: サイバーエージェント好きなもの: 猫、ゲーム、ボードゲーム

24時間止まらないとは？

24時間止まらないとは？今回は端末上で24時間同じアプリを表示し続ける = キオスクモードの話をします

どんな場面で使われるか？・店舗の注文端末・受付システム・工場の管理端末・デジタルサイネージ

どんな機能が必要？基本的な制御・一つのアプリだけを使わせる・他の画面に移動させない・通知を表示しないより高度な制御・
ハードウェアボタンの無効化・画面の常時点灯

どんな機能が必要？ iOS・Android それぞれで簡易的な実装方法と本格的な実装方法を紹介します

iOS - 簡易的な実装方法アクセスガイド（ Guided Access）・特定のアプリに画面を固定・通知センター・コントロールセンターを無効化
・画面の自動ロック無効化も可能

アクセスガイド - 設定事前に端末設定が必要 1. 設定アプリ → アクセシビリティ → アクセスガイド
2. アクセスガイドをONにする・解除時のFace ID設定・画面の自動ロックを無効化（アクセスガイド起動中）

使い方電源ボタン 3回押しで起動 1. 固定したいアプリを開く 2. 電源ボタンを3回押す 3. 「開始」をタップ 4.
画面が固定される解除も電源ボタン3回押し → パスコード/Face ID

iOS - 本格的な実装方法監視モード (Supervised Mode) + シングルアプリモード (Single App
Mode) 端末を企業管理下に置き、特定アプリに固定する仕組み・監視モード：端末を企業が完全管理・シングルアプリモード：特定アプリのみ起動

監視モードの設定方法方法1: 設定済み企業管理アカウントで初期設定時にログイン方法2: Apple Conﬁguratorで設定その後、(自律的)シングルアプリモードを設定したプロファイルをインストール

kiosk_modeパッケージの活用監視モード + シングルアプリモードなら自動制御が可能アクセスガイドと違い、シングルアプリモードの切り替えをコードから制御できる

Android - 簡易的な実装方法アプリ固定（ Screen Pinning）・特定のアプリに画面を固定・システムUIへのアクセスを遮断
・「戻る+タスクボタン」長押しで解除（パスコード設定可）

アプリ固定の設定事前設定 1. 設定 → セキュリティ → アプリ固定をON 2. 解除時に画面ロックを確認をON（推奨）

使い方 1. 固定したいアプリを開く 2. タスクボタンでタスク一覧を表示 3. アプリの「固定」をタップ解除は「戻る+タスクボタン」長押し後、パスコード認証

kiosk_modeパッケージでの実装 iOSと同じコードで実装可能アプリ固定の切り替えをコードから制御できる

Android - 本格的な実装方法デバイス所有者モード (Device Owner) + ロックタスクモード (Lock task
mode) 端末を専用機として完全管理するモード・デバイス所有者モード：端末のシステムレベルでの完全な制御・ロックタスクモード：特定アプリのみ起動

デバイス所有者モードを使うための準備 2つの設定が必要 1. アプリ側：Native実装の追加 2. 端末側：デバイス所有者モードの有効化

kiosk_modeパッケージでの実装ロックタスクモードの切り替えをコードから制御できる

24時間止まらないアプリの運用で重要なこと・アプリの自動更新・監視・ログ収集・万が一のための仕組み

アプリの自動更新デバイス所有者モードを用いたアプリは一般公開に向かないため独自の更新手段が必要 android_package_installerパッケージを使用通常のアプリ：・インストール時にユーザーの手動承認が必要デバイス所有者モードがあれば：・承認なしで自動インストール・
アプリストアのような自動更新を実現

監視・ログ収集・アプリのクラッシュ検知・定期的なヘルスチェック・詳細なログ収集・分析 Firebase Crashlyticsなどの活用を推奨

万が一のための仕組み遠隔でアプリを再起動できるようにしておく Firebase Messaging + restart_appパッケージで実装プッシュ通知で遠隔から復旧可能

まとめ簡易的な実装・ iOS: アクセスガイド・ Android: アプリ固定本格的な実装・
iOS: 監視モード + シングルアプリモード・ Android: デバイス所有者モード + ロックタスクモード kiosk_modeパッケージが便利

ご清聴ありがとうございました 24時間止まらない Flutterアプリの作り方

24時間止まらないFlutterアプリの作り方

24時間止まらないFlutterアプリの作り方

岸本亮太

More Decks by 岸本亮太

Other Decks in Technology

Featured

Transcript