IM-BloomMaker のアクション「URL ○ にリクエストを送信する」の使い方

このCookBookでは、「URL ○ にリクエストを送信する」アクションを使ってサンプル画面を作成する方法を紹介します。

2019 Summer では「URL ○ にアクセスする」でしたが、 2019 Winter からは「URL ○ にリクエストを送信する」にアクション名が変わりました。

完成サンプル

以下の完成サンプルをダウンロードしてご活用ください。

IM-BloomMakerのインポート機能を利用してインポートしてください。

IM-BloomMaker for Accel Platform ユーザ操作ガイド - 定義ファイルをインポートする

画面サンプルインポートファイル : [im_bloommaker-data-163288]

IM-LogicDesignerのインポート機能を利用してインポートしてください。

IM-LogicDesigner ユーザ操作ガイド - インポートを行う

ロジックフロー、フロールーティングをインポートした後には認可設定が必要です。

IM-LogicDesigner ユーザ動作ガイド - フロールーティングの「認可画面」を表示する

IM-LogicDesginer フロー定義インポートファイル : [im_logicdesigner-data-163288]

レシピ

画面サンプルインポートファイル、IM-LogicDesginer フロー定義インポートファイルをインポートすると、ユーザ検索画面を表示することが出来ます。
このレシピでは、ユーザ検索画面の作り方を紹介します。

コンテンツカテゴリを登録する
コンテンツを登録する
デザイン編集を行う
ルーティングカテゴリを登録する
ルーティング設定を行う

1. コンテンツカテゴリを登録する

「サイトマップ」から、BloomMaker - コンテンツ一覧をクリックします。
コンテンツ一覧画面の「カテゴリ新規作成」をクリックします。

以下の値を入力し、「登録」ボタンをクリックします
「カテゴリID」に「im_cookbook」を入力します
「カテゴリ名」に「im_cookbook」を入力します

2. コンテンツを登録する

「サイトマップ」から、BloomMaker - コンテンツ一覧をクリックします。
コンテンツツリーの「im_cookbook」を選択した状態でコンテンツ一覧画面の「コンテンツ新規作成」をクリックします。

以下の値を入力し、「登録」ボタンをクリックします。
「コンテンツID」に「im_cookbook_163288」を入力します
「コンテンツ名」に「im_cookbook_163288」を入力します

3. デザイン編集を行う

前項で登録したコンテンツを開き、「デザイン編集」をクリックしデザイナ画面を開きます。

変数定義

画面で利用する変数を定義します。
今回使用する変数は以下の通りです。

変数名	カテゴリ	説明
response	変数	APIからの戻り値を格納する変数です
url	変数	LogicDesginerで定義したREST APIです
user_cd	変数	検索条件に使用するuser_cdです
requestData	入力	リクエストパラメータに利用するデータです

「変数」を選択した状態で「JSON」アイコンをクリックし以下のJSONを貼り付けます。

JSONデータ

  {
    "response": {
      "records": [
        {
          "user_cd": "",
          "locale_id": "",
          "term_cd": "",
          "start_date": null,
          "end_date": null,
          "user_name": "",
          "user_search_name": "",
          "sex": "",
          "country_cd": "",
          "zip_code": "",
          "address1": "",
          "address2": "",
          "address3": "",
          "telephone_number": "",
          "extension_number": "",
          "fax_number": "",
          "extension_fax_number": "",
          "mobile_number": "",
          "email_address1": "",
          "email_address2": "",
          "mobile_email_address": "",
          "url": "",
          "notes": "",
          "delete_flag": "",
          "sort_key": 0,
          "create_user_cd": "",
          "create_date": null,
          "record_user_cd": "",
          "record_date": null
        }
      ]
    },
    "url": "logic/api/im_cookbook/163288",
    "user_cd": null
  }

{

"response": {

"records": [

{

"user_cd": "",

"locale_id": "",

"term_cd": "",

"start_date": null,

"end_date": null,

"user_name": "",

"user_search_name": "",

"sex": "",

"country_cd": "",

"zip_code": "",

"address1": "",

"address2": "",

"address3": "",

"telephone_number": "",

"extension_number": "",

"fax_number": "",

"extension_fax_number": "",

"mobile_number": "",

"email_address1": "",

"email_address2": "",

"mobile_email_address": "",

"url": "",

"notes": "",

"delete_flag": "",

"sort_key": 0,

"create_user_cd": "",

"create_date": null,

"record_user_cd": "",

"record_date": null

}

]

"url": "logic/api/im_cookbook/163288",

"user_cd": null

}

* 「入力」を選択した状態で「JSON」アイコンをクリックし以下のJSONを貼り付けます。

JSONデータ

    {
      "requestData": {
        "user_cd": ""
      }
    }

{

"requestData": {

"user_cd": ""

}

アクション作成

リクエストパラメータ作成用アクション作成
「カスタムスクリプトを実行する」をドラッグ&ドロップで配置します。
以下スクリプトを貼り付けます。

    if($variable.user_cd === "" || !$variable.user_cd) {
        $input.requestData = {};
        return;
    }

    $input.requestData = { "user_cd" :$variable.user_cd };