モバイルフォームのベストプラクティス 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 - フォームのリスト、取得、検証、送信をプログラムで行います。
- アーキテクチャ - ヘッドレスアダプティブフォームの仕組みとフロントエンドアプリでの利用方法。
ステップバイステップの統合については、 ヘッドレスフォームの作成と公開および開発者ポータル を参照してください。