Name:
interface
Value:
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle.

Page updated Apr 30, 2024

Maintenance ModeYou are viewing Amplify Gen 1 documentation. Amplify Gen 1 has entered maintenance mode and will reach end of life on May 1, 2027. New project should use Amplify Gen 2. For existing Gen 1 projects, a migration guide and tooling are available to help you upgrade. Switch to the latest Gen 2 docs →

ファイルブラウザ

Amplify Studioのファイルブラウザは、アプリケーションのバックエンドファイルストレージビューを提供します。この機能を使用して、ファイルをテストし、技術者と非技術者の両方のチームメンバーにアプリケーションのファイルをリアルタイムで作成・更新できるようにしたり、管理ビューを構築する代わりに使用できます。

Amplify Studioファイルブラウザ

デフォルトでは、ストレージは以下の4つのフォルダで作成されます:

  • private/ - ここのファイルはファイルを所有するユーザーの配下にネストされています。ファイルの所有者のみがファイルにアクセスまたは編集できます。
  • protected/ - ここのファイルはファイルを所有するユーザーの配下にネストされています。これらのファイルはすべてのユーザーがアクセスできますが、編集はファイルの所有者のみが可能です。
  • public/ - ここのファイルはアプリのすべてのユーザーがアクセスできます。
  • upload/ - ユーザーがアップロードしたファイルが含まれます。バケットの所有者のみがこれらのファイルにアクセスできます。

ファイルをアップロードするには

  1. Studioを起動します。
  2. 管理メニューで、ファイルブラウザを選択します。
  3. ファイルブラウザページで、ファイルをアップロードするフォルダを選択します。
  4. ファイルをアップロードする方法はいくつかあります:
    • アップロードを選択し、アップロードするファイルを選択します。
    • ファイルまたはフォルダをStudioファイルブラウザページにドラッグアンドドロップします。

ファイルを削除するには

  1. Studioを起動します。
  2. 管理メニューで、ファイルブラウザを選択します。
  3. ファイルブラウザページで、ファイルを削除するフォルダを選択します。
  4. 削除するファイルを選択します。
  5. アクションドロップダウンを選択し、削除を選択します。

ファイルをコピーするには

  1. Studioを起動します。
  2. 管理メニューで、ファイルブラウザを選択します。
  3. ファイルブラウザページで、ファイルを削除するフォルダを選択します。
  4. 移動するファイルを選択します。
  5. アクションドロップダウンを選択し、コピー先を選択します。
  6. ファイルのコピーを保存するフォルダを選択または作成します。
  7. コピーを選択して、選択したフォルダにファイルをコピーします。

ファイルを移動するには

  1. Studioを起動します。
  2. 管理メニューで、ファイルブラウザを選択します。
  3. ファイルブラウザページで、ファイルを削除するフォルダを選択します。
  4. 移動するファイルを選択します。
  5. アクションドロップダウンを選択し、移動を選択します。
  6. 移動先フォルダを選択または作成します。
  7. 移動を選択して、選択したフォルダにファイルを移動します。

ファイルをテストするには

コード内でファイルをテストするための複数のショートカットを提供しています。

S3キーをコピー

ファイルのS3キーをコピーするには、以下の方法があります:

  • アクションを選択してから、S3キーをコピーを選択します。
  • 右側のインスペクタパネルのS3キーの横にあるコピーアイコンを選択します。

ファイル取得コードスニペットをコピー

右側のインスペクタパネルのコードブロックで、Amplifyがサポートするすべての言語での「ファイル取得」コードスニペットを提供しています。

オブジェクトURLをコピー

ファイルのオブジェクトURLをコピーするには、右側のインスペクタパネルのオブジェクトURLの横にあるコピーアイコンを選択します。