モバイルポップアップの作成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：6分

    • リアルタイムの条件に基づいて構成可能なモバイルポップアップを表示する方法について説明します。これらのポップアップは、モバイルアプリのログインフェーズ時またはボタンのタップ後に表示できます。

    始める前に

    必要なロール：admin

    モバイルポップアップを設定する前に、次の点を考慮してください。
    • モバイルカードはポップアップの表示に使用されます。独自のモバイルカードをデザインするか、提供されているテンプレートカードの 1 つを使用できます。詳細については、「モバイルカードビルダー」を参照してください。
    • ポップアップをトリガーするサポートされるボタンタイプは、アクションアイテムとナビゲーションです。詳細については、「アクション機能」を参照してください。
    • すべてのボタンの場所がサポートされています。たとえば、スワイプ、トップメニューアクション、フッター機能などです。
    • ボタンは、レコード、アイコン、メディア、およびコンテンツの UI セクションでサポートされています。詳細については、「ランチャー画面の UI セクション」を参照してください。
    • モバイルポップアップはオフラインではサポートされていません。

    手順

    1. 移動先 すべて > システムモバイル > モバイルアプリビルダー.
      モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
    2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
      モバイルアプリビルダー カテゴリのホーム画面が表示されます。
    3. メニューから [すべてのモバイルレコード] を選択します。
    4. [レコードタイプ] ドロップダウンリストから [モバイルイベント [sys_sg_event] ] を選択し、 新規.
    5. 必要に応じて次のフィールドに入力します。
      表 : 1. モバイルイベントフォーム
      フィールド 説明
      プロパティ
      名前 モバイルポップアップを有効にするモバイルイベントの名前。
      説明 モバイルイベントに関する追加情報。
      アクティブ モバイルイベントが有効かどうか。
      タイプ

      ポップアップをトリガーするイベントのタイプ。
      ソーステーブル このモバイルイベントのソーステーブル。
      ソースレコード このイベントが発生するレコードとして、モバイルアプリ構成またはモバイル機能のいずれかを決定します。オプションは、[ ソーステーブル ] フィールドからの選択によって異なります。
      イベントアクション モバイルイベントがトリガーされたときに発生するアクション。
      注:
      イベントごとに 1 つのアクションのみを設定できます。
    6. トリガーされるイベントが発生するのは、ユーザーのログイン時かボタンの選択時かを [ タイプ ] フィールドから選択します。
      次のいずれかを選択します。
      • OnLogin:モバイルポップアップは、ユーザーが認証情報を入力してログインした後に表示されます。
      • OnButtonClick:ユーザーが指定されたボタン機能を選択すると、モバイルポップアップが表示されます。
    7. [ ソーステーブル ] フィールドから、選択したモバイルイベントタイプに関連するテーブルを選択します。
      注:
      [タイプ] として [OnLogin] を選択した場合、ソーステーブルはモバイルアプリ構成 [sys_sg_native_client] になります。

      [タイプ] として [OnButtonClick] を選択した場合、ソーステーブルは関数 [sys_sg_button] になります。

    8. [イベントアクション] 領域で [新規 ] を選択して、イベントがトリガーされたときの動作を定義します。
    9. 必要に応じて次のフィールドに入力し、モバイルポップアップを表示するかどうかの条件をイベントアクションフォームに作成します。
      表 : 2. モバイルイベントアクションフォーム
      フィールド 説明
      プロパティ
      名前 モバイルイベントアクションの名前。
      Settings (設定)
      タイプ イベントアクションのタイプ。[ShowPopup] を選択します。
      条件タイプ

      このモバイルイベントアクションに適用される条件。

      • 宣言: Condition Builder をフォームに追加します。詳細については、「 条件ビルダー」を参照してください。
      • スクリプト: フォームにスクリプト条件フィールドを追加します。
      クエリ条件スクリプト スクリプトを使用して、返されるレコードを決定します。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [スクリプト] を選択した場合にのみ表示されます
      テーブル
      返されるレコードを含むテーブル。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。
      条件 選択したテーブルから返されるレコードを決定する条件を設定します。条件が設定されていない場合、クエリはすべてのレコードを返します。
      注:
      このフィールドは、[ 条件タイプ ] フィールドで [宣言] を選択した場合にのみ表示されます。
      ポップアップ 使用するモバイルポップアップとその表示方法を選択します。
    10. [タイプ] フィールドで [ShowPopup] を選択します。
    11. [条件タイプ] フィールドで [宣言] または [スクリプト化] を選択します。
      このモバイルイベントに適用される宣言条件またはスクリプト化された条件を選択すると、異なるフィールドが表示されます。
    12. [ポップアップ] フィールドで [新規] を選択して、モバイルポップアップがどのように表示されるかを決定します。
    13. 必要に応じて次のフィールドに入力します。
      表 : 3. モバイルポップアップフォーム
      フィールド 説明
      プロパティ
      名前 モバイルポップアップの名前。
      閉じるには外側をタップします ポップアップ領域の外側にあるモバイル画面をタップして、モバイルポップアップを閉じるオプション。
      注:
      このオプションが選択されていない場合、ポップアップカードにはポップアップを閉じるボタンが含まれている必要があります。それ以外の場合、この設定は無視されます。
      背景をぼかす モバイル画面の背景をぼかすオプション。このオプションは、ポップアップをより強調します。
      アクティブ モバイルイベントが有効かどうか。
      カード ポップアップに使用するカード。
    14. 既存の カードを使用することを選択するか 、[ 新規 ] を選択して [カード ] フィールドからカードを作成します。
      カードの作成の詳細については、「 モバイルカードビルダー」を参照してください。
      注:
      ベースシステムには、2 つのモバイルポップアップカードテンプレートが用意されています。これらのテンプレートは、ポップアップ 01 とポップアップ 02 と呼ばれます。
    15. オプション: 構成可能な機能または事前定義された機能をモバイルポップアップカードのボタンに割り当てます。
      注:
      構成可能な機能の詳細については、「 モバイル機能 」および「 モバイルカードビルダー を使用したカードアクションを構成する」を参照してください。また、このトピックの「次に取り組むこと」セクションを参照してください。
    16. [Save (保存)] を選択します。

    次のタスク

    モバイルポップアップカードのボタンには、設定可能な機能と事前定義された機能の 2 種類の機能を追加できます。構成可能な機能を使用すると、開発者は関数の動作と機能をカスタマイズできます。事前定義された機能には、モバイルポップアップ専用の機能があります。次の事前定義関数を使用できます。
    • キャンセル:追加のアクションを実行せずにポップアップを閉じます。
    • 続行:ポップアップがトリガーされた元の機能を送信するか、続行します。
    • ログアウト:現在のインスタンスからユーザーをログアウトし、インスタンスリストページに移動します。
    詳細については、「モバイル機能」と「モバイルカードビルダー を使用したカードアクションを構成する」を参照してください。