モバイルポップアップの作成
リアルタイムの条件に基づいて構成可能なモバイルポップアップを表示する方法について説明します。これらのポップアップは、モバイルアプリのログインフェーズまたはボタンタップ後に表示できます。
始める前に
必要なロール：admin
モバイルポップアップを設定する前に、次の点を考慮してください。
- ポップアップの表示にはモバイルカードが使用されます。独自のモバイルカードをデザインすることも、提供されているテンプレートカードのいずれかを使用することもできます。詳細については、「モバイルカードビルダー」を参照してください。
- ポップアップをトリガーするサポートされているボタンタイプは、アクションアイテムとナビゲーションです。詳細については、「アクション機能」を参照してください。
- すべてのボタンの位置がサポートされています。たとえば、スワイプ、トップメニューアクション、フッター機能などです。
- ボタンは、レコード、アイコン、メディア、およびコンテンツの各 UI セクションでサポートされています。詳細については、「ランチャー画面の UI セクション」を参照してください。
- モバイルポップアップはオフラインではサポートされていません。
手順
-
移動先 すべて > システムモバイル > モバイルアプリビルダー.
モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
-
作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
モバイルアプリビルダー カテゴリのホーム画面が表示されます。
- メニューから [すべてのモバイルレコード] を選択します。
- [レコード タイプ] ドロップダウン リストから [モバイル イベント [sys_sg_event] を選択し、 新規.
-
必要に応じて、次のフィールドに入力します。
表 : 1. モバイルイベントフォーム フィールド 説明 プロパティ 名前 モバイルポップアップをアクティブ化する、モバイルイベントの名前。 説明 モバイルイベントに関する追加情報。 有効 モバイルイベントが有効かどうか。 タイプ ポップアップをトリガーするイベントのタイプ。
ソーステーブル このモバイルイベントのソーステーブル。 ソースレコード モバイルアプリ構成またはモバイル機能のいずれかを、このイベントが発生するレコードとして決定します。オプションは、[ ソーステーブル ] フィールドからの選択によって異なります。 イベントアクション モバイルイベントがトリガーされたときに発生するアクション。 注:イベントごとに設定できるアクションは 1 つだけです。 -
[ タイプ ] フィールドから、トリガーされるイベントが発生するのは、ユーザーのログイン時か、ボタンが選択されたときに発生するかを選択します。
次のいずれかを選択します。
- OnLogin:ユーザーが認証情報を入力してログインすると、モバイルポップアップが表示されます。
- OnButtonClick:ユーザーが指定したボタン機能を選択すると、モバイルポップアップが表示されます。
-
[ ソーステーブル ] フィールドから、選択したモバイルイベントタイプに関連するテーブルを選択します。
注:[タイプ] として [OnLogin] を選択した場合、ソーステーブルはモバイルアプリ構成 [sys_sg_native_client] になります。
[タイプ] として [OnButtonClick] を選択した場合、ソーステーブルは関数 [sys_sg_button] です。
- [イベントアクション] エリアで [新規 ] を選択し、イベントがトリガーされたときの動作を定義します。
-
必要に応じて次のフィールドに入力し、モバイルポップアップを表示または非表示にする条件をイベントアクションフォームで作成します。
表 : 2. モバイルイベントアクションフォーム フィールド 説明 プロパティ 名前 モバイルイベントアクションの名前。 設定 タイプ イベントアクションのタイプ。[ ShowPopup] を選択します。 条件タイプ このモバイルイベントアクションに適用される条件。
- 宣言型:条件ビルダーをフォームに追加します。詳細については、「 条件ビルダー」を参照してください。
- スクリプト:フォームにスクリプト条件フィールドを追加します。
クエリ条件スクリプト スクリプトを使用して、返されるレコードを決定します。 注:このフィールドは、[ 条件タイプ ] フィールドで [スクリプト] を選択した場合にのみ表示されますテーブル 返されるレコードを含むテーブル。注:このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。条件 選択したテーブルから返されるレコードを決定する条件を設定します。条件が設定されていない場合、クエリはすべてのレコードを返します。 注:このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。ポップアップ 使用するモバイルポップアップとその表示方法を選択します。 - [タイプ] フィールドで [ShowPopup] を選択します。
-
[条件タイプ] フィールドで [宣言] または [スクリプト化] を選択します。
このモバイルイベントに適用される宣言条件またはスクリプト条件を選択すると、異なるフィールドが表示されます。
- [ポップアップ] フィールドで [新規] を選択して、モバイルポップアップがどのように表示されるかを決定します。
-
必要に応じて、次のフィールドに入力します。
表 : 3. モバイルポップアップフォーム フィールド 説明 プロパティ 名前 モバイルポップアップの名前。 閉じるには外側をタップします ポップアップ領域の外側にあるモバイル画面をタップして、モバイルポップアップを閉じるオプション。 注:このオプションが選択されていない場合は、ポップアップカードにポップアップを閉じるボタンが含まれている必要があります。それ以外の場合、この設定は無視されます。背景をぼかす モバイル画面の背景をぼかすオプション。このオプションを使用すると、ポップアップがより強調されます。 有効 モバイルイベントが有効かどうか。 カード ポップアップに使用するカード。 -
[既存のカードを使用する場合を選択] を選択するか、[カード] フィールドから [新規] を選択してカードを作成します。
カードの作成の詳細については、「 モバイルカードビルダー」を参照してください。注:ベースシステムには、2 つのモバイルポップアップカードテンプレートが用意されています。これらのテンプレートは、ポップアップ 01 およびポップアップ 02 と呼ばれます。
- オプション:
構成可能な機能または事前定義された機能をモバイルポップアップカードのボタンにアサインします。
注:構成可能な関数の詳細については、「 モバイル機能 と モバイルカードビルダー を使用したカードアクションを構成する」を参照してください。また、このトピックの「次に行うこと」セクションも参照してください。
- [Save (保存)] を選択します。
次のタスク
モバイルポップアップカードのボタンには、構成可能な機能と事前定義された機能の 2 種類の機能を追加できます。構成可能な関数を使用すると、開発者は関数の動作と機能をカスタマイズできます。事前定義された関数には、モバイルポップアップ専用の機能があります。次の事前定義された関数を使用できます。
- キャンセル:追加のアクションを実行せずにポップアップを閉じます。
- 続行:ポップアップがトリガーされた元の関数を送信または続行します。
- ログアウト:現在のインスタンスからユーザーをログアウトし、インスタンスリストページに移動します。