このガイドでは、強力なファイルアップローダーをあなたのblockletに統合するための基本的な手順を説明します。フロントエンドUIコンポーネントと、オプションのバックエンドサーバー設定の両方について説明し、迅速に使い始められるようにします。
このソリューションは、主に2つのパッケージに分かれています：
@blocklet/uploader: ファイルをアップロードするためのリッチなユーザーインターフェースを提供するReactコンポーネントです。@blocklet/uploader-server: あなたのblockletのバックエンドでファイルの保存と処理を行うためのExpressミドルウェアです。
特筆すべきは、@blocklet/uploader は単独で動作可能で、特に必要なバックエンドエンドポイントを提供する Media Kit blocklet と統合されている場合にそのように動作します。独自のカスタムアップロードロジックをサーバーに実装したい場合にのみ、@blocklet/uploader-server を使用する必要があります。
始めるには、あなたのニーズに合ったセットアップガイドを選択してください。フロントエンドのセットアップから始めることをお勧めします。
フロントエンド設定 (@blocklet/uploader)
Reactアプリケーションに基本的なフロントエンドアップローダーコンポーネントをインストールし、レンダリングするためのステップバイステップガイドです。
バックエンド設定 (@blocklet/uploader-server)
Expressベースのblockletに必要なバックエンドミドルウェアをインストールし、設定してファイルのアップロードを処理する方法を学びます。
これらのガイドを完了すると、完全に機能するファイルアップローダーが完成します。プラグインのカスタマイズやアップロードコールバックの処理など、より高度な機能を探求するには、ガイドセクションに進んでください。