【bubble】API経由でファイルアップロードをしてみた話

忙しかったはずなのに、ちょっと時間が空いてしまって戸惑い中ですこんばんは。こんにちは？

以前、ファイルの文字コードを判定＆変更するプラグインを作成したりしました。

ここで、一つ問題が。

PrivateファイルはJsなどからアクセスできない

File Uploader’s value:encoded in base64 の値って、Private化したファイルだとアクセス不可能なんでしたっけ・・・？

プラグイン内でPrivate化されたファイルを取得した場合は見られないことはわかっていたのですが、大丈夫だったからbase64にしたはずだったんですよね。。

まぁそんなこんなで、同じロジックで書いたシステムでのバグ報告がありまして。原因はアップロード前のCSV文字コードチェックでJavaScript内でエラーが起きて、アップロードできないよってことでした。

まぁそういう問題があったわけで、Private化してファイルをアップロードする方法を試したわけですね。

フォーラムを検索して存在は知っていたのですが、試したことはなく、今回とうとう実装しました。

ファイルアップロードをAPI Connectorを使って設定していきます。

まずはAPI Connectorをインストールしておいてください。

Settings > APIタブからAPIを有効にし、API Tokenを作成します。API Token Labelは任意で良いです。

Plugins タブからAPI Connectorを選択し、Add another APIをクリックします。

API Nameをわかりやすい名前でつけておきます。

Shared headers for all callsで、
・Key : Authorization
・Value : Bearer <APIキー>
とします。BearerとAPIキーの間に半角スペースを入れてください。

次に実際のAPI呼び出しを書いていきます。

各パラメータは以下のように設定してください。

エンドポイントは　アプリURL/version-test/fileupload　です。

ここで、エンドポイントに開発環境/本番環境を切り替える「/version-xxx/」をパラメータで入れておくと便利です。

パラメータ	内容
contents	ファイルのbase64データ
private	private化する場合はtrue、しない場合はfalse
attach_to	private化する場合のレコードのunique_id ※テストではユーザーのunique_idを利用
name	保存するファイル名

APIパラメータの内容

テストでcontentsに設定する内容は、以下のようなサイトを利用して、適当なテキストファイル等をbase64エンコードし、設定しておきます。

ではここで、initialize callをクリックしてみましょう。