blockchain:dappsからipfsにファイルをアップロードする

文書の過去の版を表示しています。

目次

DAppsからIPFSにファイルをアップロードする

DAppsからIPFSにファイルをアップロードする

React で Web アプリケーションを実装し、HTML の FILE API で指定されたファイルを IPFS にアップロードする機能を実現します。

React プロジェクトの作成

> mkdir IPFS
> cd IPFS
IPFS> npx create-react-app ipfs-web --template typescript
IPFS> cd .\ipfs-web\
IPFS\ipfs-web> npm install --save ipfs-core ipfs-core-types util

「ipfs-core」は JavaScript で IPFS を操作するためのライブラリ js-ipfs の一部です。

参考

js-ipfs-examples

IPFSUploader.tsx の実装

IPFS にファイルをアップロードする機能を提供する IPFSUploader.tsx コンポーネントを実装します。

IPFS\ipfs-web> mkdir src\components
IPFS\ipfs-web> code src\components\IPFSUploader.tsx

App.tsx に IPFSUploader を追加

IPFS\ipfs-web> code src\App.tsx

実行

IPFS\ipfs-web> npm start

blockchain/dappsからipfsにファイルをアップロードする.1654910090.txt.gz · 最終更新: 2022/06/11 01:14 by dot