【Bubble】ボタンのクリック時に動画ファイルを保存させる方法

ノーコードツールBubbleで、ダウンロードボタンのクリック時に動画ファイルを保存させる方法をご紹介。

実装方法をざっくり説明すると、無料のプラグイン「File Downloader」を使用して、Workflowにクリックアクションを設定するだけです。

この機能を応用すれば、チャットルームでユーザーが送信した動画ファイル（RepeatingGroup内）をスマホでもダウンロード保存できるようになります。

手順はすべて画像つきで解説するので、PCでもスマホ実機でも動画をダウンロードさせる実装方法を探している方はぜひ参考にしてみてくださいませ。よろしくどうぞ。

動画解説バージョンはこちら！

無料で資料をダウンロード

ノーコード開発お役立ち資料3点セット

計100ページ近い大ボリュームでノーコード開発について解説

• ノーコード開発会社の選び方
• EPICsのノーコード受託開発の特徴
• 支援実績・事例集

氏名

法人名

メールアドレス

電話番号

送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

実装イメージ

今回紹介する機能の実装イメージ。ダウンロードするボタンのクリック時に動画ファイルがダウンロード保存されます。

実装手順

以下の手順で実装します。

プラグイン「File Downloader」をインストール

プラグイン追加ページでFile Donwloaderを検索しインストールします。

Buttonエレメントを設置

クリックアクションを設定するダウンロードボタンをButtonエレメントでページに設置します。

ButtonエレメントのWorkflowにDownload fileを設定する

ダウンロードボタンのWorkflowに「Plugins」＞「Download file」を設定します。

Download fileのFile Static fileのUploadボタンをクリックして、「ダウンロードするボタン」クリック時にダウンロードさせたい動画ファイルをアップロードします。

動画ファイルのアップロードに成功すると上の画像のようにFile Static fileとDynamic linkに値が入ります。