4.3 IPFS+区块链
-
- js-ipfs-api
- 如何使用js-ipfs-api
- 具体实现
-
- 安装create-react-app:sudo npm install -g create-react-app
- 创建React项目:create-react-app ipfs-http-demo
- 运行:cd ipfs-http-demo && npm start
- 安装 ipfs-api:npm install –save ipfs-api
- 完成前端逻辑
- 导入ipfs
-
- const ipfsApi = require(“ipfs-api”); //导入IPFS
- const ipfs = ipfsApi({host:’localhost’, port:’5001’, protocol:’http’}); // 配置网络
- 上传字符串到IPFS中的Promise函数
- 测试
- 跨域资源共享的CORS配置
-
- ipfs config –json API.HTTPHeaders.Access-Control-Allow-Methods ‘[“PUT”,”GET”,”POST”,”OPTIONS”]’
- ipfs config –json API.HTTPHeaders.Access-Control-Allow-Origin ‘[“*”]’
- ipfs config –json API.HTTPHeaders.Access-Control-Allow-Credentials ‘[“true”]’
- ipfs config –json API.HTTPHeaders.Access-Control-Allow-Headers ‘[“Authorization”]’
- ipfs config –json API.HTTPHeaders.Access-Control-Expose-Headers ‘[“Location”]’
- 用正确的端口运行daemon
-
- ipfs config Addresses.API
- ipfs config Addresses.API /ip4/127.0.0.1/tcp/5001
- ipfs daemon
- 测试
- 从IPFS读取数据
- IPFS图片上传与下载
-
- 创建React项目:create-react-app ipfs-http-pic
- cd ipfs-http-pic && npm start
- 安装ipfs-api:npm install –save ipfs-api
- App.js导入IPFS
- 实现上传图片到IPFS的Promise函数
6 上传图片到IPFS
- IPFS与Ethereum
-
- truffle unbox react
- 安装ipfs-api
- 修改前端逻辑
- 修改合约
- truffle develop
- ipfs daemon
- npm start
-
分享: