ドキュメント
アプリの構築
クイックスタート
REST API

クイックスタート - REST API

今回は以下の機能を実現する社内向け管理画面を構築して、Querier の基本的な使い方を紹介します。

  • ユーザー一覧をテーブルに表示する
  • 通知のテンプレートを取得し、リストから選択する
  • セレクトで選択したテンプレートのタイトルと通知内容を表示する
  • 選択したユーザーに選択したテンプレート通知を送信する

データを連携する

今回はすでに接続されている [Onbording RestAPI] を使用するため、接続の設定などは必要ありません。

ご自身のデータソースを接続する場合は、こちらをご覧ください。

ユーザー一覧をテーブルに表示する

  1. 右側の [コンポーネント] から [テキスト] をキャンバスにドラッグ&ドロップします。
  2. 右側の [エディター][テキスト]ユーザー一覧 と入力します。
  3. 右側の [コンポーネント] から [テーブル] を 1 で配置した [テキスト] の下にドラッグ&ドロップします。
  4. [データフローリスト][新規作成] をクリックします。
  5. データフローの名前を listUsers という名前に変更します。
  6. [Onboarding RestAPI] を選択します。
  7. [Path]/v1/users と入力します。
  8. [実行する] をクリックします。
  9. [テーブル] を選択し、[エディター][データ]{{ listUsers.data.users }} と入力します。

通知のテンプレートを取得し、リストから選択する

  1. 右側の [コンポーネント] から [カラム] をキャンバスにドラッグ&ドロップします。
  2. [カラム] の左側にすでにある [テーブル] を配置し、右側に [セレクト][インプット][テキストエリア][ボタン] を設置します。
  3. [セレクト][インプット][テキストエリア][ボタン] のそれぞれの [エディター] から [ラベル] にそれぞれ、テンプレートを選択タイトル通知内容送信する と入力します。
  4. [データフローリスト][新規作成] をクリックします。
  5. データフローの名前を listTemplates という名前に変更します。
  6. [Onboarding RestAPI] を選択します。
  7. [Path]/v1/templates と入力します。
  8. [実行する] をクリックします。
  9. [セレクト][エディター] をご開き、[Values][Labels] にそれぞれ {{ listTemplates.data.templates.map(d => d.id) }}{{ listTemplates.data.templates.map(d => d.name) }} と入力します。
  10. [Default value] には {{ listTemplates.data.templates[0].id }} と入力します。

セレクトで選択したテンプレートのタイトルと通知内容を表示する

  1. [データフローリスト][新規作成] をクリックします。
  2. データフローの名前を getTemplate という名前に変更します。
  3. [Onboarding RestAPI] を選択します。
  4. [Path]/v1/templates/{{ select1.value ? select1.value : 1}} と入力します。
  5. [実行する] をクリックします。
  6. [input1] をクリックし、 [エディター] の中の [Default value]{{ getTemplate.data.title }} と入力します。
  7. [textarea1] をクリックし、 [エディター] の中の [Default value]{{ getTemplate.data.body }} と入力します。
  8. [getTemplate] の [変更が発生したら自動でクエリを実行] にチェックをつけます。

選択したユーザーに選択したテンプレート通知を送信する

  1. [データフローリスト][新規作成] をクリックします。
  2. データフローの名前を sendNotice という名前に変更します。
  3. [Onboarding RestAPI] を選択します。
  4. [メソッド]POST を選択し、 [Path]/v1/notices/send と入力します。
  5. [データ] 内に以下の JSON を記述します。
{
  "title":  {{ input1.value }},
  "body":   {{ textarea1.value }},
  "userId": {{ table1.selectedRow.data.id }}
}
  1. [button1] を選択し、[エディター] から [イベントを追加する] をクリックします。
  2. [データフロー]sendNotice を選択します。
  3. テーブルから選択したユーザーに選択した通知の内容で通知が送信されることを確認します。