ROLE
PWAが担当すること。
PWAは、スマホ画面、通知受信、軽量キャッシュ、ホーム画面追加を担当します。ライセンス、正式残高、課金状態、顧客サイトの機密情報を最終判定する場所ではありません。
スマホからすぐ開く
ホーム画面から起動し、通知、接続状態、ひげめがねの機能へすぐ移動できます。
安全文で通知を受ける
ロック画面には機密情報を出さず、必要な場合だけPWA内で詳細を確認します。
必要な機能だけ増やす
通知、会話、占い、診断、COYOTE製品への導線を、重くしすぎず段階的に追加します。
INSTALL
ホーム画面へ追加して使います。
インストールといっても、専用ストアから大きなアプリを入れるわけではありません。対応ブラウザからPWAを開き、ホーム画面へ追加します。
- スマホでPWAを開くSafariやChromeなどの対応ブラウザで
https://higemegane.com/app/を開きます。 - ホーム画面へ追加する共有メニューやブラウザメニューから、ホーム画面への追加またはアプリのインストールを選びます。
- 通知は必要な場合だけ許可する通知を許可しなくても基本画面は使えます。Push通知が必要になってから許可して構いません。
ARCHITECTURE
PWAだけで、すべてを抱えません。
WordPress接続、認証・中継、通知配信、スマホ表示を分けています。PWAへ権限や機密情報を寄せすぎないための分業です。
- PWA表示、操作、Push受信、軽量キャッシュ、オフライン時の最低限の画面を担当します。
- GatewayPWAと各サービスの間で、認証、中継、接続状態、責任境界を扱います。
- Notice Service通知イベントを安全文へ整え、対象端末へ配信します。
- Site ConnectorWordPress側で通知候補や必要最小限のイベントを扱います。
DEVICE STORAGE
端末に保存する情報は、最小限にします。
PWAはスマホに常駐する入口ですが、顧客サイトの機密情報を抱える保管庫ではありません。
保存するもの
表示設定、選択中のタブ、通信状態、軽量キャッシュなど、PWAを使うための最小限の情報。
保存しないもの
顧客情報、正式クレジット残高、正式ライセンス情報、認証トークン、顧客サイトの機密情報。
NOTIFICATIONS
ロック画面には、仕事の中身を並べません。
通知は短く、安全に。顧客名、住所、注文詳細、問い合わせ本文、医療・相談内容、内部メモ、認証情報は直接表示しません。
- 通知カテゴリと安全文を表示
- 詳細はPWA内で確認
- 受信者ごとに表示範囲を分離
- 不要な通知は無効化できる設計
WITHOUT WORDPRESS
WordPress未接続でも使えます。
サイトをまだ持っていない人、今は接続したくない人、ひげめがねをスマホに置きたいだけの人もPWAから始められます。
スマホの入口として使う
ホーム画面からひげめがねを開き、基本画面や軽い機能を確認します。
診断や軽い遊びを使う
占い、診断、ひとことなど、WordPress通知と無関係な機能も段階的に追加します。
必要になったら接続する
サイト通知が必要になった段階で、Site Connectorを使ってWordPressとつなぎます。
NEXT
まずPWAを開く。接続はあとで構いません。
PWAの画面や使い方を先に確認し、必要になった段階でWordPress接続へ進めます。