DigitalOcean Spacesのファイルマネージャー: Nubboに接続する

NubboはSpacesのアクセスキーとバケットのリージョンを使ってDigitalOcean Spacesに接続します。数分でバケットがファイルエクスプローラーに表示され、直接アップロード、共有リンク、ギャラリーを使えるようになります。このガイドでは、自動接続と1つのバケットに限定したキーでの接続という2つの方法について、Nubboのウィザードを順を追って説明します。

できること

• バケットをドライブのように閲覧: フォルダ、表示切り替え、検索、ゴミ箱、ラベル、お気に入り。
• ブラウザとDigitalOcean Spacesの間でファイルを直接アップロード、ダウンロード。ファイルがNubboのサーバーを経由することはありません。
• パスワード、有効期限、ダウンロード回数制限付きでファイルやフォルダを共有し、バケットにファイルを受け取り、ギャラリーを作成。
• キーはAES-256-GCMで暗号化して保存され、いつでもバケットの接続を解除できます。

始める前に

DigitalOcean SpacesのアカウントとNubboのアカウントが必要です。接続する各バケットがプランの上限にカウントされます: 無料プランは2つ、Personalは5つまでで、Proは無制限です。Spacesはnyc3、ams3、sfo2、sfo3、sgp1、lon1、fra1、tor1、blr1、syd1、atl1、ric1、mkc1の13リージョンで提供されています。リージョンごとにエンドポイントが異なるため、Nubboではリージョンを指定します。

接続方法を選ぶ

Nubboのウィザードには2つの方法があります。どちらも最後は同じで、バケットが接続され、ブラウザからアップロードできる状態になります。

自動接続

ステップ1: DigitalOcean Spacesでキーを作成する

1. DigitalOceanのコントロールパネルで Spaces Object Storage を開き、Access Keys タブに移動します。
2. Create Access Key を押し、Full access を選んで nubbo などの名前を付けます。
3. アクセスキーとシークレットをコピーします。DigitalOceanがシークレットを表示するのは一度だけです。

ステップ2: Nubboでバケットを接続する

1. Nubboで バケット を開き、バケットを接続 を押します。DigitalOcean Spaces を選んで 続行 を押します。

   

2. 自動 を選んで 続行 を押します。

   

3. キー のステップでアクセスキーとシークレットを貼り付け、バケットのリージョンを選びます。キーを確認 を押します。Nubboはキーが有効で、アカウント全体にアクセスできることを確認します。

   

4. バケットを1つ選んで このバケットを使用 を押すか、新規作成 を選んで名前を入力し(求められた場合はリージョンも選び)、作成して準備 を押します。Nubboはアプリからのアップロードとダウンロードだけを許可するCORSルールをバケットに追加し、既存のルールはそのまま残します。

   

5. 3つのチェックを確認し、必要なら Nubboでの名前 を変更して 完了 を押します。バケットが バケット ページに表示され、エクスプローラーで開けるようになります。

   

お使いのキーでNubboがCORSルールを追加できない場合、ウィザードは CORS のステップに進みます。その場合は CORSルールの追加 の手順に従ってください。

限定キーでの接続

ステップ1: DigitalOcean Spacesでバケットとキーを準備する

1. Spaces Object Storage で Create Bucket を押し、リージョンと名前を選んでバケットを作成します。
2. Access Keys で Create Access Key を押し、Limited access を選びます。
3. Read/Write/Delete 権限でバケットを選び、キーに名前を付けて作成します。
4. アクセスキーとシークレットをコピーします。バケットポリシーが設定されたバケットでは、限定キーは使えません。

ステップ2: Nubboでバケットを接続する

1. バケット ページで バケットを接続 を押し、DigitalOcean Spaces を選んでから 限定キーで接続 を選びます。
2. アクセスキーとシークレットを貼り付け、リージョンを選びます。キーを確認 を押します。
3. バケット名を正確に入力し、アクセスを確認 を押します。
4. ウィザードが CORS のステップに進み、追加すべきルールが表示されます。

CORSルールの追加

CORSルールにより、https://nubbo.app のブラウザからバケットのファイルをアップロード、ダウンロードできるようになります。ウィザードの CORS のステップに表示されるルールと同じものです。

1. Spaces Object Storage でバケットを開き、Settings に移動します。
2. CORS Configurations で Add を押します。
3. フォームに次の値を入力し、Save CORS Configuration を押します。

Origin: https://nubbo.app
Allowed Methods: GET, PUT, POST, DELETE, HEAD
Allowed Headers: *
Access Control Max Age: 3600

限定キーの場合はご自身で追加する必要があります。DigitalOceanでは、APIからCORSを変更するにはFull accessのキーが必要です。

保存したらNubboに戻り、追加したので確認 を押します。プロバイダーによっては反映まで1分ほどかかります。お使いのキーにCORSを変更する権限があれば、自動で設定を試す で自動的に設定できます。

うまくいかないとき

料金

Spacesはストレージと転送量を含む月額料金で請求されます。詳しくは DigitalOcean Spacesの料金 で説明しています。