Dashcomb Help Center
  • 初めてのDashcomb体験
  • IDE画面と利用者画面
  • IDE画面の使い方
    • IDE画面のメニュー構成
      • ユーザーメニュー
      • コンポーネント
      • インスペクター
    • View-Section-Componentの関係
    • UI Compoment
      • Button
      • Input
      • Textarea
      • Label
      • Markdown
      • Select
      • Radio
      • Checkbox
      • Switch
      • Date Picker
      • Time Picker
      • Table
      • Image
      • Uploader
      • Importer
      • Divider
    • BI Component
      • 棒グラフ
      • 折り線グラフ
      • 円グラフ
    • Layout component
      • Section
      • Row
    • 連携機能パネル
      • DBクエリ
      • API
      • クラウドストレージ
      • オートメーション
      • JavaScript
    • プロパティパネル
      • アクションエディタ
      • コラムエディタ
      • テキスト/コードエディタ
    • オブジェクトやデータの参照
    • Edit Lock機能
    • その他のメニュー
      • バッチ処理
      • データソース
        • データベースと接続する
        • API と接続する
        • クラウドストレージと接続する
      • 権限グループ
      • バージョン管理
      • 設定
      • 料金と支払
  • 利用者画面の使い方
    • 画面領域の紹介
  • 管理画面の逆引きレシピ
    • ユーザー入力を検証する方法
    • ユーザーがCSVファイルやJSONファイルをデータベースにインポートできるようにする
    • データを視覚化し、簡単に洞察を得る
    • 承認ワークフローで、データの正確性と責任の所在を確保する
    • DashcombのSQL AIアシスタントで、自然言語でSQLクエリを素早く書く
    • データベース経由のCRUD操作の実現方法
    • 画面遷移の実現方法
    • API経由のCRUD操作の実現方法
    • APIのリクエストに複雑なデータを入れる
    • 簡単なCDNのファイル管理
    • Tableの数字をフォーマット
    • Tableに画像を表示
    • Data Sourceを追加
    • 画面にDBクエリの追加
    • 画面にクラウドストレージの追加
    • CSV/JSONデータのインポートとダウンロード
    • 承認フローを作成
    • Firebase連携したい
    • 踏み台サーバーを作る
    • 画像をS3, GCSにアップロード
    • Tableの行ごとの選択に応じて内容を変える
    • 動作成功後、失敗後自動的に次の動作を発火する
    • APIの認証情報を設定する
    • ひらがなのみ・カタカナのみのバリデーション
    • ページ読み込み時に実行する処理を設定する
    • ラベル文字をJavaScriptで設定
    • selectedOptionの属性をJSで取得する
GitBook提供
このページ内
  • API一覧
  • キーワードフィルター
  • APIの操作
  • APIの編集
  • データソースの選択
  • 前処理
  • 本番処理
  • 後処理
  • 実行
  • 保存
  1. IDE画面の使い方
  2. 連携機能パネル

API

前へDBクエリ次へクラウドストレージ

最終更新 1 年前

連携機能パネルのAPIタブから、APIエンドポイントに対して送信するリクエストを作成できます。

送信先のAPIエンドポイントは、データソース メニューから登録します。詳しい手順は、 を参照してください。

API一覧

編集中の管理画面で作成されたAPI名が表示されます。

API名をクリックすると、その内容が表示され、編集することができます。

キーワードフィルター

入力したキーワードで、APIを絞り込みできます。

(例)get を入力すると、get_employees 、get_stocks ... などの、該当するAPIが表示されます。

APIの操作

操作したいAPIにマウスカーソルを載せると、操作アイコンが表示されます。このアイコンをクリックして、各種操作を行うことができます。

APIの追加

APi名の変更

APIの削除

APIの編集

APIの一覧からAPI名をクリックすると、内容が表示されます。

データソースの選択

APIを送信・実行するAPIエンドポイントを選択します。

前処理

APIを送信・実行する前に実行される処理を登録できます。

実行前アクション

本番処理を実行する前の動作を、以下から選択できます。

選択内容
動作

アクション無し

実行前アクションを設定しません。すぐに本番処理が開始されます。

確認

本番処理を実行する前に、ユーザー確認モーダルを表示します。 モーダルの「確認」ボタンをクリックすると、本番処理が実行されます。

承認

本番処理を実行する前に、責任者に承認を求めることができます。 承認要件モーダルの「提出」ボタンをクリックすると、選択されたユーザーに承認依頼が届きます。承認されると、本番処理が実行されます。

JavaScript

前処理として、JavaScript プログラムを実行することができます。

トグルスイッチをONにすると、JavaScript プログラムの入力欄が表示されます。

前処理のJavaScriptでreturn した内容は、{{ APIリクエスト名.preData }} を用いて、本番処理のリクエストの設定で利用できます。

JavaScriptのテスト実行をクリックすると実行されます。

インスペクター画面のpreDataで結果の確認ができます。

本番処理

APIエンドポイントに対して送信するリクエストの内容を設定します。

設定できる項目は以下の通りです。

項目名
設定内容

HTTPメソッド

リクエストするメソッドを選択します。 GET, POST, PUT, DELETE, PATCH, HEAD, OPTIONS から選択します。

パス

APIエンドポイントのパスを指定します。 {{}} で囲んで、JavaScript の式を埋め込むことができます。

パラメーター

APIリクエストのURLパラメーターを設定します。 {{}} で囲んで、JavaScript の式を埋め込むことができます。

ヘッダー

APIリクエストのヘッダーを設定します。 {{}} で囲んで、JavaScript の式を埋め込むことができます。

Bodies Type

APIリクエストのボディデータのタイプを設定します。 None, JSON, GraphQL, Form-Data, w-xxx-urlcoded から選択します。 None 以外を選択した場合は、それぞれの項目に応じて入力欄が表示されます。

クッキー

APIリクエストに含めるCookie を設定します。 {{}} で囲んで、JavaScript の式を埋め込むことができます。

後処理

本番処理のAPIリクエストが送信・実行された後に実行する処理を登録できます。

JavaScript

後処理として、JavaScript プログラムを実行することができます。

トグルスイッチをONにすると、JavaScript プログラムの入力欄が表示されます。

本番処理のAPIリクエストの結果は、this.data で利用できます。

後処理のJavaScriptでreturn した内容は、{{ APIリクエスト名.data }} で参照できるようになります。

成功時

APIリクエストが成功した場合のアクションを設定できます。

失敗時

APIリクエストが失敗した場合のアクションを設定できます。

実行

パネル右上の「実行」ボタンをクリックすると、APIリクエストが送信・実行され、パネルの最下部に結果が表示されます。

保存

パネル右上の「保存」ボタンをクリックすると、APIが保存されます。

キーワードフィルターの隣のをクリックすると、APIが追加されます。

をクリックすると、APIの名称を変更できます。

をクリックすると、APIが削除されます。

APIエンドポイントは、 メニューから登録します。

承認の設定手順については、 を参照してください。

をクリックすると、アクションエディタが開きます。

をクリックすると、アクションエディタが開きます。

アクションの設定については、 を参照してください。

データソース
承認フローを作成
アクションエディタ
API