# クラウドストレージ

連携機能パネルのクラウドストレージタブから、クラウドストレージに対するリクエストを設定できます。

リクエスト送信先のクラウドストレージは、データソース メニューから登録します。詳しい手順は、[Cloud Storage](https://docs.dashcomb.com/dashcomb-help-center/ide/others/dtassu/cloud-storage) を参照してください。

## **クラウドストレージのリクエスト一覧**

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-74f8641c6515232765d564ac08d37e57f8ae1feb%2F%E9%80%A3%E6%90%BA%E3%83%91%E3%83%8D%E3%83%AB%EF%BC%9A%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8%E3%81%AB%E6%8E%A5%E7%B6%9A-01.png?alt=media" alt=""><figcaption></figcaption></figure>

編集中の管理画面で作成されたクラウドストレージへのリクエストが表示されます。

クラウドストレージへのリクエストの名称をクリックすると、その内容が表示され、編集することができます。

### **キーワードフィルター**

入力したキーワードで、クラウドストレージへのリクエストを絞り込みできます。

（例）`upload` を入力すると、upload`_invoice` 、`upload_avatar_image` ... などの該当する操作が表示されます。

### クラウドストレージリクエストの操作

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

#### クラウドストレージリクエストの追加

キーワードフィルターの隣の<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-f73e66e2386d8cf9e7d3683bc9c1215577adf6db%2F%E8%BF%BD%E5%8A%A0%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、クラウドストレージリクエストが追加されます。

#### クラウドストレージリクエストの名称の変更

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、クラウドストレージリクエストの名称を変更できます。

#### クラウドストレージリクエストの削除

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-05e52fb06159e55851377572c2e9608b570ee11b%2F%E5%89%8A%E9%99%A4%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、クラウドストレージリクエストが削除されます。

## クラウドストレージリクエストの編集

クラウドストレージリクエストの一覧から、クラウドストレージリクエスト名をクリックすると、内容が表示されます。

### データソースの選択

リクエストを送信・実行するクラウドストレージを選択します。

クラウドストレージは、[データソース](https://docs.dashcomb.com/dashcomb-help-center/ide/others/dtassu) メニューから登録します。

### 前処理

リクエストを送信・実行する前に実行される処理を登録できます。

#### 実行前アクション

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

<table><thead><tr><th width="198">選択内容</th><th>動作</th></tr></thead><tbody><tr><td>アクション無し</td><td>実行前アクションを設定しません。すぐに本番処理が開始されます。</td></tr><tr><td>確認</td><td>本番処理を実行する前に、ユーザー確認モーダルを表示します。<br>モーダルの「確認」ボタンをクリックすると、本番処理が実行されます。</td></tr><tr><td>承認</td><td>本番処理を実行する前に、責任者に承認を求めることができます。<br>承認要件モーダルの「提出」ボタンをクリックすると、選択されたユーザーに承認依頼が届きます。承認されると、本番処理が実行されます。</td></tr></tbody></table>

承認の設定手順については、[承認フローを作成](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/add-approval-flow) を参照してください。

#### JavaScript

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

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

前処理のJavaScriptでreturn した内容は、`{{ クラウドストレージリクエスト名.preData }}` を用いて、本番処理のリクエスト内で利用できます。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-8575afe3d3f8022730557259eafd11c183fc7372%2F%E9%80%A3%E6%90%BA%E3%83%91%E3%83%8D%E3%83%AB%EF%BC%9A%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8%E3%81%AB%E6%8E%A5%E7%B6%9A-02.png?alt=media" alt=""><figcaption></figcaption></figure>

### 本番処理

クラウドストレージに送信・実行するリクエストの内容を設定します。

選択した操作に応じて、設定項目の入力欄が表示されます。

具体的な設定内容の例は、[画像をS3, GCSにアップロード](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/upload-to-s3) を参照してください。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-ce353381f7c37b2a574a9609c85b2540f29d3c7f%2F%E9%80%A3%E6%90%BA%E3%83%91%E3%83%8D%E3%83%AB%EF%BC%9A%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8%E3%81%AB%E6%8E%A5%E7%B6%9A-03.png?alt=media" alt=""><figcaption></figcaption></figure>

### 後処理

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

#### JavaScript

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

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

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

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

#### 成功時

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

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、アクションエディタが開きます。

#### 失敗時

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

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、アクションエディタが開きます。

{% hint style="info" %}
アクションの設定については、[アクションエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/action-editor) を参照してください。
{% endhint %}

### 実行

パネル右上の「実行」ボタンをクリックすると、クラウドストレージリクエストが実行され、パネルの最下部に結果が表示されます。

### 保存

パネル右上の「保存」ボタンをクリックすると、クラウドストレージリクエストが保存されます。