|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑 6 f- i0 I4 N/ }$ u/ E4 T0 b! P9 t
; H. t/ i) e# C' d0 N
2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么
- V3 k4 z' z, K% k6 f星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。, I* V5 U. O9 [0 {, j5 q- Y
以上内容来自巴比特官网介绍
2 I4 h. S6 f$ D' E7 U! Z4 }IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。* h* z$ B9 p; j
- IPFS的火热
+ l3 d' _- F' g6 h+ _Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。
( @- B; E- ^+ e- q注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。" y3 G2 C0 j; d. \$ J
IPFS官网:https://ipfs.io/! }; b, u! o! L+ D- H+ s9 r
Filecoin官网:https://filecoin.io/1 @& H7 m# z1 `/ M- m9 R$ o
- IPFS的应用案例& |4 X& ^) z O# s9 z$ T% ?
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
) c K3 |$ G3 m* i/ Q7 X! |4 K" t* g' ]+ l3 q5 E/ f
- IPFS音乐播放器
4 r# d" A1 n( o1 p9 F$ J4 I' m7 P8 E1 I+ B5 A: N0 K3 w9 d% {, i
; ^8 D3 d* u. P% T
" e9 H6 s) ]& k% N) X6 n1 i# W- o# _
" w+ Z% C! W" \$ `% H& |4 YIPFS音乐播放器( i! c- \. m9 V b
6 ~" ~* D( W9 O0 n& F, B1 p8 S9 M7 XIPFS音乐播放器网址:https://diffuse.sh/' l+ q. n: ?% g" Q l
GitHub地址:https://github.com/icidasset/diffuse
* g' w- i( z9 a/ g m; I0 U; V% F - IPFS视频在线播放器
$ Y1 I- t/ W6 Y& D# b( b
! J; o' M0 U! w( j' Z' d5 f
+ E1 }2 ]: o- w- M a7 Y. @" e% t/ S( K8 n
5 p7 V+ b8 [' J5 R
: R6 _* N3 l2 p" k7 Q; d4 O$ l
IPFS视频在线播放器首页9 L7 Y L2 y6 j4 Q1 g @' T5 m
) z5 Z t( e) B! Z0 b6 q" O8 O% z
2 \* v. [! y9 e$ F& N2 q, f }) ]) p) _: q
: P8 _2 ]$ d/ H* ^+ ~$ C6 B
9 b& C+ I# |- ^& Q2 w
8 a# t+ P' x" i/ p4 IIPFS视频在线播放器播放电影
+ H# X1 [6 y3 N
4 N7 {7 W; M2 h0 ?号称是国内第一个IPFS应用# T( I" h) f: o8 I3 o( ]
IPFS视频在线播放器网址:http://www.ipfs.guide/
C; v+ N7 b; ~8 V5 J8 }GitHub地址:https://github.com/download13/ipfstube
. v; m, G* O4 y$ U( C. \# b可用于测试的电影视频Hash(这里只列举两部):. {' O# r/ t4 Z; Z. u
神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68
/ M0 V5 F/ G' C盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh- @, O8 P' h1 E) z" }# _" V
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。
9 `( S2 ]4 k, z- IPFS Desktop
0 I) I( t* P7 a0 p3 \2 V P7 D* t当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。. A; e, X6 H- ?4 \) N. X, o2 |
+ p, j7 \$ ]4 j1 W3 Y
' [. X- Y; N8 I) o" z
V u# O+ m$ T$ b. @& ~
# \' I# u8 Q& n, H; W3 zIPFS节点桌面管理软件/ k- Z# ?% k3 @: O" V% C) M
' a* F9 D' O/ [% }. F/ Y
GitHub地址:1 w" F2 H# Z' ]) g
https://github.com/ipfs-shipyard/ipfs-desktop* Y( z# L/ s! J* \1 w
- Go-IPFS0 H. m! l7 a9 j5 l" z, a
进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):
' o% e# l( e: \; G& G0 y- Ehttps://dist.ipfs.io/#go-ipfs) a; Y/ Q4 A8 Y/ J
: R; K# z- M9 Y, U5 P4 v- A
7 L+ x# u7 t/ h8 g9 j) a* _8 a- r; E0 C) w
下载Go-IPFS6 Y O" t8 a& Y
( p* b4 A) ~6 l. X% K如果打不开,可以试着去Github查看安装方法% \ R, C8 L% j# d ^" H% @( \4 t% o
GitHub地址:https://github.com/ipfs/go-ipfs$ s5 J1 T5 t9 ]6 n5 e3 Y1 p: U
将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
! U- z- i2 J' D* \0 `0 {5 D$ t然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:
0 d& \" g0 G U2 T4 ]1 A! L3 F' J# XwenzildeiMac:go-ipfs wenzil$ pwd/Users/wenzil/Desktop/study/go-ipfswenzildeiMac:go-ipfs wenzil$ lsLICENSE README.md build-log install.sh ipfswenzildeiMac:go-ipfs wenzil$ cp ipfs /usr/local/bin/ipfswenzildeiMac:go-ipfs wenzil$ ipfs versionipfs version 0.4.139 Q! U# ~* R, U3 C5 d; U
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的
3 B* n" d) d+ b) M4 e- 创建节点6 G/ d& \( n9 T# h! i
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。: {. A% W! l! n$ X
wenzildeiMac:go-ipfs wenzil$ cd ~/wenzildeiMac:~ wenzil$ pwd/Users/wenzilwenzildeiMac:~ wenzil$ ipfs initinitializing IPFS node at /Users/wenzil/.ipfsgenerating 2048-bit RSA keypair...donepeer identity: QmWH4xmGBznY9CJ4SjxpxWqGwMwrFtPdjgeweLCfJxW8j9to get started, enter: ipfs cat /ipfs/QmS4ustL54uo8FzR9455qaxZwuMiUhyvMcX9Ba8nUH4uVv/readmewenzildeiMac:~ wenzil$ cd .ipfswenzildeiMac:.ipfs wenzil$ open ./
2 h1 G8 l8 v9 @. k( q
2 W' {4 {6 U( s- `% b
3 i0 B/ o+ \9 P$ z; c! e( Y! ?: a c7 }+ S: U# ~1 M
IPFS节点的创建
+ J0 A, D5 B* a$ _* f( n
; F3 w* e1 f9 K( `9 U- 查看节点id* x1 ^: B4 i6 Z; G" E+ h- q K
wenzildeiMac:.ipfs wenzil$ ipfs id{ "ID": "QmWH4xmGBznY9CJ4SjxpxWqGwMwrFtPdjgeweLCfJxW8j9", "PublicKey": "CAASpgIwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCt98O5zNptBtmSF6xYdOHAMunQsXE9rAmgqBXVPLJk+AoaBjNiAipB+sTXKwaj8stp9c3iuSzz10+dyYI38bq4TPDCsHnQ3PjKSgZwEaT0M6pJhGqJcSbLY57CjQOEwgFe+tw3b4hcoDvvNJMG0dZZg1r9xnfevBz0DNewlj2vtviSTQL6r/ZXlD04GsytxTSQ2pzMJTG3QmYyokeZ37DT7Vwa+IJjDCiDJC5BlZ204zunZBx3tqWUn2Hr2NtEX+4YDdX4SBHa0ZDNqZmzLRe5YlAXjVI0ONHs+BVsC1v1L5we52iSYCSgVHoxRP/pa9EZdHMvgs9QeAa5jO90yxgTAgMBAAE=", "Addresses": null, "AgentVersion": "go-ipfs/0.4.13/", "ProtocolVersion": "ipfs/0.1.0"} - 修改IPFS默认存储空间- C! i* m# {, v8 D+ q$ j! v
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
$ I! g' ]) X" Q& i& YwenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit ) Y% U T, `$ P. W" E
7 i: c# ?- ~! f* O- s( K+ s. v0 j
3 B. }& S) v" j% ~6 z) O
修改IPFS默认存储空间
* P0 D& W B( t# r+ N( s% b/ o0 i* N2 V2 [, |# V2 D
- 启动和同步节点服务器
% q5 l: T: |: w7 V3 p# a执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。6 T8 h5 w( I& h9 F+ E
wenzildeiMac:.ipfs wenzil$ ipfs daemonInitializing daemon...Adjusting current ulimit to 2048...Successfully raised file descriptor limit to 2048.Swarm listening on /ip4/127.0.0.1/tcp/4001Swarm listening on /ip4/192.168.1.100/tcp/4001Swarm listening on /ip6/::1/tcp/4001Swarm listening on /p2p-circuit/ipfs/QmWH4xmGBznY9CJ4SjxpxWqGwMwrFtPdjgeweLCfJxW8j9Swarm announcing /ip4/100.64.9.179/tcp/55898Swarm announcing /ip4/127.0.0.1/tcp/4001Swarm announcing /ip4/192.168.1.100/tcp/4001Swarm announcing /ip6/::1/tcp/4001API server listening on /ip4/127.0.0.1/tcp/5001Gateway (readonly) server listening on /ip4/127.0.0.1/tcp/8082Daemon is ready1 `$ }9 m( e8 v0 Y! P5 N8 o
4、IPFS运行体验- IPFS查看ReadMe7 p3 ]( g8 V) v( L
可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下: w3 v# T( p% z
wenzildeiMac:~ wenzil$ ipfs cat /ipfs/QmYwAPJzv5CZsnA625s3Xf2nemtYgPpHdWEz79ojWnPbdG/readmeHello and Welcome to IPFS!██╗██████╗ ███████╗███████╗██║██╔══██╗██╔════╝██╔════╝██║██████╔╝█████╗ ███████╗██║██╔═══╝ ██╔══╝ ╚════██║██║██║ ██║ ███████║╚═╝╚═╝ ╚═╝ ╚══════╝If you're seeing this, you have successfully installedIPFS and are now interfacing with the ipfs merkledag! -------------------------------------------------------| Warning: || This is alpha software. Use at your own discretion! || Much is missing or lacking polish. There are bugs. || Not yet secure. Read the security notes for more. | -------------------------------------------------------Check out some of the other files in this directory: ./about ./help ./quick-start <-- usage examples ./readme <-- this file ./security-notes - Web管理界面
0 t" l6 n7 F! z5 X9 T; cIPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui9 L( X- }2 Q* r7 f2 ~6 U. P
有本地配置、节点连接、本地节点文件等信息,如图:
- A. `5 y0 \0 E6 L( S' W) B% W9 I3 s$ I, X1 V3 g. Y4 v2 c- X8 @
! F0 d$ z* z V$ n/ {4 d4 M1 M2 U
S9 V3 |* g/ [ D1 Z
) @0 ^1 B a1 q1 |' ^/ }IPFS的Web管理界面
U2 z) b: ]5 [2 q, l" h, w9 W0 B' F7 O/ C0 E5 i6 u
' k2 ~9 K1 \- ?1 T9 U$ ]+ S& m; T! Z# H* Q" s+ C" ^0 `" f/ j. _
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:- T# w9 Q+ x! `' h) h+ B- ]# A
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"]'6、IPFS的基本操作6.1 添加单个文件到IPFS节点- 新建文件9 M7 i1 `( j4 u* b6 O, C2 \
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点4 n0 d) x" Y y7 X+ X4 x
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值3 D- q* [1 G& l$ {- z& L& {
- 查看IPFS节点的文件* v7 e8 P* W$ s, h( e7 X* ]
wenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。
( W+ S2 c, K5 h) E9 ?9 x u8 W' Thttp://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
. }5 i! v7 Q, g9 |通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。& a6 k% l5 r9 `4 h) u4 n
https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab' Z- ?" X3 q% _2 V
/ I( x, W3 p& p
8 z% K9 J, t* J, q
8 R+ I# E% O* N4 c3 I$ h( Q8 e1 j查看IPFS文件内容
9 c F2 ^ m) y9 r9 Z& {6 B7 t7 A. j% H, Q
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。
. P+ W2 r* Y" \" P8 o1 C, B* k' U3 P$ e - 下载IPFS节点的文件% Z% z3 f! @) D6 P; Y" ?! S4 b9 ?
wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
- _4 ]$ ^+ n! w2 a& U( Y
" n2 J6 H; L) n. b! w/ C/ H5 y2 \. T; a
& M4 ]+ Y# y s; V9 X" k) ?
" `' w( R6 E/ x下载IPFS节点的文件& g3 q( ~* m# x0 z* c
: \( F& }. D Z
( ?9 P. V0 S5 P: Y7 A 6.2 创建文件夹存储文件- ipfs命令新建文件夹- W; c- V) M1 Y% M
wenzildeiMac:ipfs_test wenzil$ pwd/Users/wenzil/Desktop/study/ipfs_testwenzildeiMac:ipfs_test wenzil$ ipfs files mkdir /wenzilwenzildeiMac:ipfs_test wenzil$ ipfs files cp /ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab /wenzil/test.txtwenzildeiMac:ipfs_test wenzil$ ipfs files lstestwenzilwenzildeiMac:ipfs_test wenzil$ ipfs files ls /testwenzilwenzildeiMac:ipfs_test wenzil$ ipfs files rm -rf /testwenzildeiMac:ipfs_test wenzil$ ipfs files lswenzilwenzildeiMac:ipfs_test wenzil$ ipfs files ls /wenziltest.txtwenzildeiMac:ipfs_test wenzil$ ipfs files read /wenzil/test.txtIPFS测试文件注:"ipfs files rm -rf /文件夹名"可以删除文件夹。9 [6 u1 y3 r, d1 f6 R; o* o
6 N% b4 Z$ I6 s; q9 u( C
6.3 IPFS上传文件夹- ipfs命令添加文件夹6 U: o+ V, q: |" ^( L1 F
先在本地创建一个文件夹和对应文件,如图:/ r$ p4 T" y- B( c
- M; ^( B7 l! t# |1 [& t+ e1 O7 `! a1 b
( S) W3 @% g! F4 |! O- r
6 |2 ^5 l- u# G2 Z8 K本地创建文件夹及文件
& D' A% c$ ]& d, T% ~( _0 A5 p2 o7 H! Z. |& ~8 P
然后通过"ipfs add -r 文件夹"命令添加整个文件夹
( u9 B1 ?9 L7 P1 f wenzildeiMac:ipfs_folder wenzil$ pwd /Users/wenzil/Desktop/study/ipfs_folder wenzildeiMac:ipfs_folder wenzil$ ls portrait.jpeg readme.txt wenzildeiMac:ipfs_folder wenzil$ cd .. wenzildeiMac:study wenzil$ pwd /Users/wenzil/Desktop/study wenzildeiMac:study wenzil$ ipfs add -r ipfs_folder/ added QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899 ipfs_folder/portrait.jpeg added QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQv T ipfs_folder/readme.txt added QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj ipfs_folder wenzildeiMac:study wenzil$ - 查看文件夹的文件内容! y' b2 p( z% I" z
wenzildeiMac:study wenzil$ ipfs cat QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT 我是区块链开发小白,请大家多多赐教,谢谢。欢迎阅读我的区块链系列文章,简书地址:https://www.jianshu.com/u/5f809ab3698cwenzildeiMac:study wenzil$ ipfs cat /ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT我是区块链开发小白,请大家多多赐教,谢谢。欢迎阅读我的区块链系列文章,简书地址:https://www.jianshu.com/u/5f809ab3698cwenzildeiMac:study wenzil$ ipfs cat /ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/readme.txt我是区块链开发小白,请大家多多赐教,谢谢。欢迎阅读我的区块链系列文章,简书地址:https://www.jianshu.com/u/5f809ab3698c - 查看IPFS对应文件夹* G$ j% ]/ ^1 n" d7 \+ H9 A
访问文件夹对应的IPFS地址:
. o# k$ R0 T1 k) z: @https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj# S: m; r4 j+ X# f. D
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
1 T: {( n- {& u3 o' w8 J
7 f1 H% W" D, U# Q2 h8 J2 [
+ Z& ~* A. G5 n
9 n0 I9 i: J5 C, T! ]查看IPFS对应文件夹; z1 `: v) P1 I* N
) ~+ d- X2 @0 w) Y1 {( F访问文件夹对应的文件,如看到图片文件,访问ipfs网关:& A' ~% s: C: Y; V) S( `! V+ Y5 V' p
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg, _8 i7 }; B# i3 g- ]
2 D4 C, v3 f1 g8 | [& k
/ ~( C0 V! h( I9 i1 W
- @, c/ T7 k$ C5 Y查看IPFS文件夹对应文件+ W* G- {9 b! D
: g, [) L, T+ `. F; [或者通过文件的Hash来访问,如访问txt文件的地址:
' B: W& [* l" T& F0 [https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT( k3 m# D2 x5 C/ Q
( l3 o" Z& a" \9 {. H9 N( i1 J
, o3 F2 }4 }* J3 e- K
3 ^- N% l; P6 q5 Z9 q5 o
通过文件Hash访问查看7 X2 D+ R2 R8 G8 Z( i; q9 p! L
4 c( }- L; }( s4 S$ i
- Q4 F- d& w+ ^4 _% l 6.4 添加简单网页到IPFS节点- 网页效果和项目结构
+ b8 ^. F |& k实现一个简单的实时显示系统当前时间的网页,效果如图:
8 l1 q+ B# n) r, ]3 U! K
8 _2 i* Q/ a) w, |: f5 A; {. }/ A6 T
6 D4 M" n4 K; o/ f8 v. h- { s) |8 ~8 y5 l: \: F7 H' e% {: H
IPFS添加简单网页
* E6 Y( B8 T% D0 U* K. h; x6 y& d+ {! D$ P$ d. e
工程结构如图:
# d, ^, Z0 B' S3 q- B& w2 B
( g; W* b0 v9 Z# p
9 ]& t2 F6 S. e5 u9 `) R
' ?) k4 ?9 F& Q. m- G: l" `- U! q% T
网页工程结构) m4 r/ D8 ^) c
8 G+ t$ v7 @, m; v$ {- C8 ^/ M( L* ^) q0 d( x: L S
实现代码比较简单,这里就不贴代码了。 D1 z9 z Z+ }* W S
- ipfs命令添加文件夹6 [: K, h) P+ I. d
wenzildeiMac:study wenzil$ ipfs add -r ipfs_htmladded QmTj49dgFgFhfNRTUYyUSzk3puj7vvDoVsAynFrL7GAj1d ipfs_html/index.htmladded QmeHFBSyN9KqeZWKyKTWKYzDRU192YWDRjf6sLWFWhwk2z ipfs_html/styles.cssadded QmWkEfgL2pjo7n8b9YBCv4qwE77YWePkSscxiHQfPpwpkp ipfs_html/time.jsadded QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD ipfs_html记得要开启IPFS节点服务器进行数据的同步,可以使用"ipfs daemon"命令在新的终端窗口打开运行。
" @6 S0 c5 n% a, \. R/ KwenzildeiMac:~ wenzil$ ipfs daemonInitializing daemon...Adjusting current ulimit to 2048...Successfully raised file descriptor limit to 2048.Swarm listening on /ip4/127.0.0.1/tcp/4001Swarm listening on /ip4/192.168.6.31/tcp/4001Swarm listening on /ip6/::1/tcp/4001Swarm listening on /p2p-circuit/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrzSwarm announcing /ip4/127.0.0.1/tcp/4001Swarm announcing /ip4/192.168.6.31/tcp/4001Swarm announcing /ip6/::1/tcp/4001API server listening on /ip4/127.0.0.1/tcp/5001Gateway (readonly) server listening on /ip4/127.0.0.1/tcp/8082Daemon is ready - 访问ipfs对应文件, n& F) T1 F# \" X o
浏览器访问ipfs网关:$ |9 t k: F, W8 O4 P- p1 _6 a
https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/6 H$ _# O' U7 p% m7 B
0 B; n) d5 q2 @8 i
: O0 N6 \, E( H% [& `
. e$ E# n- ]; {4 C. h! C8 d
查看IPFS对应网页
. y9 L+ u }1 }
, C- N3 g0 g9 }4 E/ |# \1 h4 {+ u+ P* C2 t2 w+ P) J9 Z5 |
6.5 IPNS绑定节点名- IPNS绑定节点操作
4 d4 m+ q* e7 G每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。# {, i* h% p$ u Y0 M6 W
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:
7 b1 B1 c- l! v& ?. X2 uwenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点
3 s" \& y2 \. U( \/ E! [8 kwenzildeiMac:study wenzil$ ipfs id{ "ID": "QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz", "PublicKey": "CAASpg......", "Addresses": [ "/ip4/127.0.0.1/tcp/4001/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz", "/ip4/192.168.6.31/tcp/4001/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz", "/ip6/::1/tcp/4001/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz", "/ip4/14.xxx.xxx.xxx/tcp/4001/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz", "/ip4/61.xxx.xxx.xxx/tcp/20472/ipfs/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz" ], "AgentVersion": "go-ipfs/0.4.13/", "ProtocolVersion": "ipfs/0.1.0"} 发现"ID"和上面"Published to"返回的节点一致,都是"QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz"" Q( M5 e x! v( K+ Y
- 验证节点) t) y( `) N, j6 O7 X B" S
命令为:"ipfs name resolve 节点ID“
& i3 ^/ I0 c Y0 u8 ^: }0 BwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件8 [( M3 {. X2 V4 W/ d/ C
浏览器访问ipfs网关:4 `0 y* S7 A% v/ K! t
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
& v B* k j8 I& ^! L& H1 q+ N: o8 i2 Y
7 x; h- ?- Z- q
* H8 I/ K# y4 K
- G' Z" l- Y D6 V
查看IPNS对应网页
L8 L2 y( b, e8 T$ z! u
9 ` `' x4 t0 P. @7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处2 o$ b# L3 Y! }$ S+ ]- T4 ?
在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。, m8 B! L" K7 l" Y8 U4 E' {3 D
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。# P! i+ T! o( D8 Q
使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
! x' F! C# a% c. B7 U2 p0 D- R% Z) [Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。" b5 P* S0 Y/ Z! Z9 v
truffle unbox react官网:0 d4 d5 Q* B4 [8 O
http://truffleframework.com/boxes/react
( y% A D1 W% V* |0 x" j - IPFS与DApp开发实战/ O) K. N8 w5 V: t' h
话不多说,开始进入实战开发。
Q, i3 L- o: p) Z- J" \) v/ b7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
, S0 g2 D2 H1 D) \% struffle unbox reactwenzildeiMac:ipfs_dapp wenzil$ pwd/Users/wenzil/Desktop/study/ipfs_dappwenzildeiMac:ipfs_dapp wenzil$ truffle unbox reactDownloading...Unpacking...Setting up...Unbox successful. Sweet! Commands: Compile: truffle compile Migrate: truffle migrate Test contracts: truffle test Test dapp: npm test Run dev server: npm run start Build for production: npm run build7.2 安装ipfs-apinpm install --save ipfs-apiwenzildeiMac:ipfs_dapp wenzil$ npm install --save ipfs-apinpm WARN deprecated bignumber.js@6.0.0: Custom ALPHABET bug fixed in v7.0.2react-box@0.1.0 /Users/wenzil/Desktop/study/ipfs_dapp├—┬ ipfs-api@22.0.0 │ ├—— async@2.6.1 │ ├—— big.js@5.1.1 │ ├—┬ bs58@4.0.1 │ │ └—— base-x@3.0.4 # ...... 省略N多行输出7.3 修改智能合约代码修改contracts目录中的"SimpleStorage.sol",修改后完整代码:
$ R, @& o: I c9 x+ R% [pragma solidity ^0.4.18;contract SimpleStorage { // 用于存储图片的哈希值 string storedData; function set(string x) public { storedData = x; } function get() public view returns (string) { return storedData; }} 修改"Migrations.sol"' s% M% T( O( m& j; d
function Migrations() public { owner = msg.sender;}修改为:constructor() public { owner = msg.sender;}7.4 编译智能合约truffle compilewenzildeiMac:ipfs_dapp wenzil$ truffle compileCompiling ./contracts/Migrations.sol...Compiling ./contracts/SimpleStorage.sol...Writing artifacts to ./build/contracts7.5 部署智能合约进入remix-ide,复制SimpleStorage.sol代码,然后切换到"Run"菜单,选择"Injected Web3"进行智能合约的部署5 O7 i- c& R3 h, j& j5 r- D
7 L z' h0 A: B d" m
7 H8 Z5 A9 v8 `+ j% y4 I! k
' d# U9 n# s3 }! a }' bRemix-IDE部署智能合约
4 @) Z* X0 h$ M2 Y+ l& `* H4 @& Z% c8 N* M5 S8 o: a. G, I
$ E) Z! k; j0 p
( u- G8 u; u. M: y
& D; G$ r' ^3 z" M& n- k/ U; g( pRemix-IDE部署智能合约-确认
, ]8 `' q) p, N6 C+ b: l5 ~" k+ D& ?; e9 B, a! k7 R+ ^+ K4 E
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"
9 L+ t3 [( V; r& k: y: m5 q7.5 修改App.js文件import React, {Component} from 'react'import SimpleStorageContract from '../build/contracts/SimpleStorage.json'import getWeb3 from './utils/getWeb3'import './css/oswald.css'import './css/open-sans.css'import './css/pure-min.css'import './App.css'const ipfsAPI = require('ipfs-api');const ipfs = ipfsAPI({ host: 'localhost', port: '5001', protocol: 'http'});const contract = require('truffle-contract')const simpleStorage = contract(SimpleStorageContract)let account;// Declaring this for later so we can chain functions on SimpleStorage.let contractInstance;let saveImageToIPFS = (reader) => { return new Promise(function(resolve, reject) { const buffer = Buffer.from(reader.result); ipfs.add(buffer).then((response) => { console.log(response) resolve(response[0].hash); }).catch((err) => { console.error(err) reject(err); }) })}class App extends Component { constructor(props) { super(props) this.state = { blockChainHash: null, web3: null, address: null, imageHash: null, isSuccess: false }}componentWillMount() { ipfs.swarm.peers(function(err, res) { if (err) { console.error(err); } else { // var numPeers = res.Peers === null ? 0 : res.Peers.length; // console.log("IPFS - connected to " + numPeers + " peers"); console.log(res); }});getWeb3.then(results => { this.setState({web3: results.web3}) // Instantiate contract once web3 provided. this.instantiateContract() }).catch(() => { console.log('Error finding web3.') })}instantiateContract = () => { simpleStorage.setProvider(this.state.web3.currentProvider); this.state.web3.eth.getAccounts((error, accounts) => { account = accounts[0]; simpleStorage.at('0xb177d6cf6916f128c9931e610c63208d9c5a40f3').then((contract) => { console.log(contract.address); contractInstance = contract; this.setState({address: contractInstance.address}); return; });})}render() { return ( <div className="App"> <div style={{marginTop:10}}>智能合约地址:</div> <div>{this.state.address}</div> <div style={{marginTop:10}}>上传图片到IPFS:</div> <div> <label id="file">选择图片</label> <input type="file" ref="file" id="file" name="file" multiple="multiple"/> </div> <button style={{marginTop:10}} onClick={() => { var file = this.refs.file.files[0]; var reader = new FileReader(); reader.readAsArrayBuffer(file) reader.onloadend = function(e) { console.log(reader); saveImageToIPFS(reader).then((hash) => { console.log(hash); this.setState({imageHash: hash}) }); }.bind(this); }}>开始上传</button> <div style={{marginTop:10}}>图片哈希值:{this.state.imageHash}</div> <button onClick={() => { contractInstance.set(this.state.imageHash, {from: account}).then(() => { console.log('图片的hash已经写入到区块链!'); this.setState({isSuccess: true}); }) }}>图片哈希写入区块链</button> { this.state.isSuccess ? <div style={{marginTop:10}}> <div>图片哈希成功写入区块链!</div> <button onClick={() => { contractInstance.get({from: account}).then((data) => { console.log(data); this.setState({blockChainHash: data}); }) }}>从区块链读取图片哈希</button> </div> : <div/> } { this.state.blockChainHash ? <div style={{marginTop:10}}> <div>从区块链读取到的哈希值:{this.state.blockChainHash}</div> </div> : <div/> } { this.state.blockChainHash ? <div style={{marginTop:10}}> <div>访问本地文件:</div> <div>{"http://localhost:8082/ipfs/" + this.state.imageHash}</div> <div>访问IPFS网关:</div> <div>{"https://ipfs.io/ipfs/" + this.state.imageHash}</div> <img alt="" style={{width: 100, height: 100 }} src={"https://ipfs.io/ipfs/" + this.state.imageHash}/> </div> : <img alt=""/> } </div>); }}export default App7.6 新建终端,执行"npm start"命令,结果如图:
8 N- P7 P; p. A0 V
1 y3 A: D$ p* g; Y. h5 u
/ }2 D$ F: Q; u' p5 Vnpm_start
) | T$ O, u6 J" P( x5 T
1 o3 [( t2 i: Q0 @5 }6 u( A J会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
: k* M# ~( K% l, K7 M0 i2 O4 e3 y1 l% v
y* H; B3 N8 P1 a' i8 m2 I8 \5 b. k3 v4 X& T( d' j1 _8 I
运行结果1+ ]8 e: ]/ W: q9 q' d+ B# n! B" |# ~
, @2 B1 Z7 `' N6 _3 O( Q
最终效果如图:
4 e( X7 Y) r% m) Q' p0 q, v7 E. o! E; S# l; ]0 m" D9 C
+ Q6 B# l9 D. A; H+ c; |
+ T) s( E% Y6 W7 x' Q1 k' M7 f
, ~9 z" N$ i. V' z9 v5 O. ^ E运行结果
) u; ?1 C$ j# m3 R- {
* r6 r! \: V; R8 \' b# H访问IPFS网关:2 @& e3 x! m3 ?7 j
https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899
8 L/ q# S5 Q3 \8 {: o发现图片已经成功写入IPFS,如图:
6 D) G7 Q. b7 j- }, m, b/ z5 F/ j. }9 K
. `1 _4 C8 S8 G* ^3 |$ a; q6 F
1 r2 j | n" O" B* k; n \, P$ O7 h2 a+ J* L+ K- o& ^. j" r3 D- m
运行结果3
2 I* V4 Y# f/ C! \( g6 [ r+ D/ h. Y
备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。6 b' R2 K, |7 Q
搞定,收工。
1 K. ?# B1 P: ?6 c- M& W4 \9 {$ q4 |PS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
( p) U0 S9 `3 V/ @
+ [) f ~. _4 n* F- E9 l: k
|
|