1. js-ipfs-api 
    1. 如何使用js-ipfs-api

  2. 具体实现 

    1. 安装create-react-app:sudo npm install -g create-react-app
    2. 创建React项目:create-react-app ipfs-http-demo
    3. 运行:cd ipfs-http-demo && npm start
    4. 安装 ipfs-api:npm install –save ipfs-api
    5. 完成前端逻辑
    6. 导入ipfs 

      1. const ipfsApi = require(“ipfs-api”); //导入IPFS
      2. const ipfs = ipfsApi({host:’localhost’, port:’5001’, protocol:’http’}); // 配置网络


    7. 上传字符串到IPFS中的Promise函数
    8. 测试
    9. 跨域资源共享的CORS配置 

      1. ipfs config –json API.HTTPHeaders.Access-Control-Allow-Methods ‘[“PUT”,”GET”,”POST”,”OPTIONS”]’
      2. ipfs config –json API.HTTPHeaders.Access-Control-Allow-Origin ‘[“*”]’
      3. ipfs config –json API.HTTPHeaders.Access-Control-Allow-Credentials ‘[“true”]’
      4. ipfs config –json API.HTTPHeaders.Access-Control-Allow-Headers ‘[“Authorization”]’
      5. ipfs config –json API.HTTPHeaders.Access-Control-Expose-Headers ‘[“Location”]’
      6. 用正确的端口运行daemon 

        1. ipfs config Addresses.API
        2. ipfs config Addresses.API /ip4/127.0.0.1/tcp/5001
        3. ipfs daemon


      7. 测试
      8. 从IPFS读取数据




  3. IPFS图片上传与下载 

    1. 创建React项目:create-react-app ipfs-http-pic
    2. cd ipfs-http-pic && npm start
    3. 安装ipfs-api:npm install –save ipfs-api
    4. App.js导入IPFS
    5. 实现上传图片到IPFS的Promise函数 
      6 上传图片到IPFS


  4. IPFS与Ethereum 

    1. truffle unbox react
    2. 安装ipfs-api
    3. 修改前端逻辑
    4. 修改合约
    5. truffle develop
    6. ipfs daemon
    7. npm start