Qtum:如何基于Qtum和IPFS搭建DApp
Cherry95
发表于 2022-12-7 09:01:06
156
0
0
IPFS[1](InterPlanetaryFileSystem,星际文件系统)完美解决了大型文件的去中心化存储问题。每一个上传到IPFS的大型文件将会被分成若干个大小为256KB的块,每个块在IPFS中都会做一次哈希计算,得到的运算结果作为块的地址。系统最终会给整个文件生成一个哈希值作为该文件的地址,IPFS网络中的任何节点都能通过该地址来下载整个文件。9 s; D/ r" s( G8 p# e# `
区块链和IPFS的结合将会是未来去中心化应用的发展方向。把区块链作为数据库来存储结构化数据,把IPFS作为文件系统来存储图片、视频等大型文件,从而构建一个完整的去中心化应用。. }( ` C/ X' M, r) T
Qtum+IPFS* q) U, s% R6 q
) z9 V+ f; ]6 t
本文介绍了基于Qtum[2]区块链和IPFS的去中心化应用解决方案,该方案首先将用户上传的文件存储到IPFS,文件IPFS地址记录在Qtum的智能合约中,实现了大型文件的去中心化存储和分享功能。代码已经上传到Github中[3],对于相关技术比较熟悉的开发人员可以直接前往Github进行使用。5 W. r. u8 Y/ M8 _, u4 o
+ k ^2 |3 t' } E' o
背景3 I/ ^# z4 N9 Q3 m6 i
. C2 t- `- l3 K$ }
Qtum
Qtum区块链,又称为量子链,是一个基于UTXO(UnspentTransactionOutput,未花费交易输出)、PoS(ProofofStake,权益证明)和EVM(EthereumVirtualMachine,太坊虚拟机)的区块链平台,融合了比特币和以太坊生态系统各自的优点。Qtum通过AAL(AccountAbstractionLayer,账户抽象层)技术把UTXO模型转换成可供EVM执行智能合约的账户模型,使得智能合约可以完美运行在比特币的区块链架构上,因而给系统带来了强大的兼容性。: m. B2 M9 O7 l( ~
IPFS
0 Z% m) ]$ ~$ y1 ?
IPFS是一个旨在创建持久且分布式存储和共享文件的网络传输协议。存储的文件会被分割成多个部分并发送给多个节点。IPFS为每一个文件分配一个独一无二的哈希值作为文件的地址。当查询文件的时候,IPFS网络根据文件的哈希值进行查找。每个节点存储了一张哈希表,记录了文件存储所在的位置,从而用于文件的查询和下载。9 H/ O% ]2 g- e8 p5 Z Y# O
区块链+IPFS的应用; l. t- }$ |0 V' }
IPFS官方Github[4]上介绍了很多IPFS的应用,在这里将给大家介绍其中的一些区块链和IPFS结合的应用。
# b8 Y; W3 w3 Y* \7 Y
Akasha
由于所有上传到IPFS的文件都不可篡改,所以大家很容易就想到了互联网的信息获取自由,言论自由和隐私权。Akasha[5]是一个典型的应用,它是一个基于以太坊和IPFS的社交博客创作平台,用户创作的博客内容通过一个IPFS网络进行发布,而非中心服务器。同时,用户和以太坊钱包账户进行绑定,用户可以对优质内容进行ETH打赏,内容创作者能以此赚取ETH,如同人脑挖矿一样。它没有太多监管的限制,也没有中间商抽成,内容收益直接归创作者所有。
uPort
在电子商务领域,身份认证一直是一个关键的痛点。uPort[6]是一个基于Ethereum和IPFS的身份认证应用。用户可以使用uPort提供的智能合约进行身份的注册,系统会将身份的详细信息记录在IPFS上。基于uPort,用户得以在拥有数字身份的同时保护自身隐私,并且只允许特定组织或个人访问、储存、分析或分享个人数据。' {) S6 h/ v+ {! Z6 I+ k0 L
+ v5 M$ |1 z# Z6 a8 _7 J: Z; K7 c# V
系统
系统架构# L9 H$ H' }, g. I4 w! w1 C
5 \: J' @) s- v j2 h
本系统可以分为上下两层:+ O) T C0 j* a& V+ t- N
上层:基于React框架,以HTML+JS的方式运行在浏览器中,用户可以通过网页访问本系统。上层系统通过QtumJS和JS-IPFS-API两个组件和下层进行通信。QtumJS通过call接口访问Qtum中的智能合约,通过sendto接口向智能合约发送交易;JS-IPFS-API通过add接口向IPFS网络中添加文件,通过get接口从IPFS网络中获取文件内容。
) g4 Z* w, [8 l Z
下层系统包括QTUM和IPFS两个部分:
Qtum部分:部署了智能合约,用来存储文件的结构化数据(文件名,哈希值,添加时间等),通过合约的add接口写入数据,通过合约的getIndex和get接口获取合约中存储的文件相关信息,合约代码如下:
pragmasolidity^0.4.24;
; O$ q, n& D* l9 s. A, i9 P
contractIpfsRecord{$ s3 l0 D! t- o% i/ u7 I3 R
; P$ m* U' n! o9 T J+ Y; ^
string[]records;
functionadd(stringdata)external{ ]# s$ y7 z h/ R& ^, G
records.push(data);
4 V' y: }& G) } t3 R, }, k, S, }% G
}
functiongetIndex()publicviewreturns(uint){
returnrecords.length;
}
/ i3 q, r+ H1 [: D
functionget(uintindex)publicviewreturns(string){
returnrecords[index];1 q0 X: w4 ~. s/ l; f6 Q8 t
}, `7 J+ _8 E. l' ^
& E6 O* |6 q' C8 s1 b9 ?
}! z1 j5 x! ~1 l, P2 A
IPFS部分:可以是本地节点或者远程节点,当收到JS-IPFS-API发送过来的add请求时负责存储文件内容并返回哈希值;当收到get请求时负责根据文件哈希值查询文件,并返回文件内容。
2 J( D4 m3 b1 v2 r J( j
系统流程; O _& l; R' a* Y' |1 `
, c# I* b3 n$ B- ?1 G3 [
用户上传文件
当用户点击UPLOAD按钮上传文件时,后端JS监听到UPLOAD按钮的点击动作,将文件转换成BUFFER类型,通过js-ipfs-api的add接口上传到IPFS节点,IPFS节点返回文件的哈希值给后端JS。JS将文件哈希值,发送者地址和当前时间拼接成字符串,再向Qtum区块链节点发送send请求,将数据记录在智能合约中,当交易确认之后,刷新页面即可在浏览器中查看此记录。4 O* |7 G }, y
' V% _# H8 ]9 w0 C4 y1 [
流程图如下:
展现文件列表
当用户通过浏览器访问网站时,React加载前端组件,后端开始初始化,连接Qtum节点和IPFS节点,并且通过qtumJS向Qtum区块链节点发送CALL请求,调用合约中的getIndex接口获取合约中的记录数index,再循环index次调用合约的get接口获取合约内容,最后将合约内容返回给前端展示。
系统部署
% O+ m5 ^" s/ } p1 \. @
系统部署步骤简单概述如下:% g" C. q8 e% j" R! S" ^" N
克隆代码,下载React前端依赖;
我们需要将智能合约部署到区块链上,所以要下载Soliditycompiler和Solar;; F* d' R% \9 H" h
! h# U" z9 P- l7 M
启动本地IPFS节点或者在用infura远程节点;
下载并启动Qtum节点,设置corsproxy代理;
部署智能合约(确保测试账户有足够的Token);
最后,启动系统。
* v/ e9 }+ M: f' p
详细步骤可以参考[3]中的QuickStart。
2 |/ P1 _, _2 X! N1 ^ P+ z1 L4 j0 v5 n
系统使用" \& s0 w3 c7 y
系统的使用很简单,当部署成果之后,只需要在浏览器中访问http://localhost:3000/,点击UPLOAD即可上传文件,按钮下方将显示为智能合约中的记录。- Z5 Y2 `" L1 o0 P# u2 k% x; Z
4 W% L7 Q$ ^4 g4 m, o
未来工作( C9 n$ J0 h1 X
; x* I7 [( y2 N1 {
IPFS协议从本质出发,找出现有互联网最底层,即数据层存在的痛点,结合区块链技术,重新设计了该系统的架构。也许在不远的未来,任何地点访问网站轻松看超高清电影不会再是奢望了。
9 q. b3 {7 `3 Y5 P; ~0 n; s/ x1 P
经过分析和论证,我们可以清晰地发现Qtum与IPFS之间的互补关系:IPFS可以极大地弥补区块链存储空间昂贵、扩容难的问题,而Qtum可以将共识、激励以及所有权归属等特性赋予IPFS。9 q' P* z, }# F! _7 Z* t
更细一步的说,Qtum通过EVM智能合约可以完美兼容ERC721标准,因此可以将NFT(Non-FungibleToken,非同质化代币)与IPFS结合,给予IPFS存储的内容独一无二的token属性和严格透明的所有权归属与转换功能。同时IPFS也将拓展NFT所能承载的内容,使其具有更加丰富的应用场景。
/ `4 v! Q6 B7 f7 r3 L$ E
例如,我们将一个独具创意的艺术品(名画、雕塑等)的各种信息(图片、名称、创作时间、地点、创意等)上传至IPFS网络中存储,在Qtum上的NFT智能合约中创建一个token来唯一标示该艺术品的所有权,并赋予其所有权转换交易的属性,这样将极大地方便艺术品在虚拟世界的流通和交易,区块链的公开与透明也很大程度上杜绝了交易流转过程的暗箱操作。
; p/ M$ f9 u" Q- {/ |, n
因此,我们正在考虑从以下几个方面出发:/ S: Z' j3 H# T
5 `1 Z% r. N( X* c7 V# ~/ k" l c
在Qtum上将NFT和IPFS进行结合:1 x5 F5 h+ j: ?/ I8 t% s! ?6 S% g
2 e2 X" a6 ]5 ]4 w, S3 j& E! P: L
用ERC721标准开发IPFS与NFT结合的demo;; f" c3 q, O9 f* s n
0 ~- y/ q: f" E- O, c! C
开发一键部署NFT合约与接入IPFS网络的工具;- U O. b- D* c! }( J& @* v
+ g( o9 g, U- J( D
搭建去中心化的NFT交易平台,提高NFT的展示效果与流通能力
成为第一个吐槽的人