Mobile forms のベストプラクティス mobile-forms-best-practices
モバイルおよびオフラインフォームのユースケースでは、独自のネイティブアプリを作成し、ヘッドレスアダプティブ Forms API を介してフォーム定義を取得することをお勧めします。 これにより、モバイルエクスペリエンスを完全に制御でき、モバイルプラットフォームの進化に合わせて継続的なサポートを確実に行えます。
推奨アプローチ recommended-approach
次の機能を備えたネイティブモバイルアプリケーション（iOSまたはAndroid）を作成します。
-
ヘッドレスフォーム定義を取得します - ヘッドレスアダプティブ Forms API を使用して、フォームの JSON をオンデマンドで取得します（例えば、ユーザーがフォームを開いたり、アプリ内でフォームに移動したりする場合）。 使用可能なフォームを一覧表示し、ID でフォーム定義を取得できます。
-
アプリでフォームをレンダリング – 好みの UI フレームワーク（React Native、ネイティブビューなど）を使用して、JSON からフォームをレンダリングします。 スタックに適合するForms Web SDKと既存のヘッドレスアダプティブフォーム React コンポーネントを使用することも、同じ JSON 構造を使用する独自のレンダラーを構築することもできます。
-
オプションでオフラインをサポート - アプリにローカルストレージと同期を実装します。 例えば、オンライン時にフォーム定義をキャッシュし、ローカルでドラフトを保存し、デバイスがオンラインに戻ったときにデータを送信または同期します。
このアプローチは、AndroidとiOSの変更に合わせてアプリを保守でき、フォームのオーサリング、検証、送信には、サポートされているヘッドレスのアダプティブ Forms プラットフォームを使用します。
概要 getting-started
- AEM ヘッドレスアダプティブフォームの概要 – 機能と概念。
- ヘッドレスアダプティブフォーム API - フォームをプログラムによってリスト化、取得、検証および送信します。
- アーキテクチャ - ヘッドレスアダプティブフォームの仕組みと、フロントエンドアプリによるヘッドレスアダプティブフォームの消費方法。
統合の手順については、 ヘッドレスフォームの作成と公開 および 開発者ポータル を参照してください。