|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑 5 q2 c- B5 s7 x
, g } @) \! C3 |2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么7 s- o. L$ A" ^6 i O2 s! d0 p
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。7 G9 J4 j/ c( {: M9 I8 I" d* a
以上内容来自巴比特官网介绍
# R& c( b e% j5 u; y9 X6 k, ]IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。* K( U5 p9 Z# v& c. l
- IPFS的火热
$ I1 m, c/ c' C- ?% wFilecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。# v" t" C0 B' @' o* n3 A
注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。6 t: g; d7 z, {! D! r4 ]8 _6 \! y
IPFS官网:https://ipfs.io/
* D2 j; |: d, D9 v, iFilecoin官网:https://filecoin.io/
, S; n- L: ]8 S& [% G+ Z - IPFS的应用案例5 }# k3 F0 D" u. F) X* u% t
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
& z! T2 C0 U0 n$ N/ B& Z' j( K2 Y$ |" W, v
- IPFS音乐播放器
9 {, M, V+ y9 s
% u5 V5 s$ f* h7 p
2 b) _4 P5 i8 T; B$ i
7 v) q3 L w% U3 S
/ Z" R3 \' M( H7 Q" \2 ^& vIPFS音乐播放器5 x. ~/ H4 ~* H- h' {/ m
; d; K! |: K* Y) f6 ~- JIPFS音乐播放器网址:https://diffuse.sh/
5 L. m7 L1 w' L" j' \0 {1 t( I; CGitHub地址:https://github.com/icidasset/diffuse3 ]. G, W8 S0 w: p5 o* o
- IPFS视频在线播放器- T* g) @' r- M& R: H) A; {
1 u9 V( Q% q" J2 @* M8 @4 B7 J3 \! W5 ^- T" K4 _- q" s Z
5 @% V, X3 H0 k2 ]8 |3 g
2 Q/ F! c/ Q" a/ N! YIPFS视频在线播放器首页
1 k# j7 t% @4 B& D0 u2 S& M9 }% W6 K; M* Q$ k
! {* r( O9 Z8 U; {9 A $ c/ O* ?9 m# ?9 z6 _+ ]. x
; g3 V; x( i$ C# V# |, I" ]5 v9 d6 N
9 E6 |0 o) ?- s5 r. F9 z9 p
IPFS视频在线播放器播放电影
; `2 x. p0 b8 ]1 l+ F8 m3 P8 j
3 O2 o, w w) F) b号称是国内第一个IPFS应用7 c8 X- X+ J7 J' j) a, B
IPFS视频在线播放器网址:http://www.ipfs.guide/
4 W/ T0 }& g5 r( u6 p6 q8 Y( HGitHub地址:https://github.com/download13/ipfstube
# H' P9 M( F$ e4 l+ c9 g) ?可用于测试的电影视频Hash(这里只列举两部):6 U b/ t& c7 G4 F) x
神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68) V" P. Y& x$ c. ?% R& y
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh) a# ?% D/ H! ~- c a) i
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。
- V/ t. z1 F0 o5 i. ]" m- IPFS Desktop. q# |& a7 {: o- ?% v
当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。
( E8 H) l; R) w. c" w z0 Y! y1 Q+ }5 N0 U
! H4 X1 d4 I% b# L2 ], d
$ ?( A1 i2 ~+ x9 R
* \0 C/ D/ o( fIPFS节点桌面管理软件, N# Y' d# Y: ?5 H3 d5 t" B) x
d6 {* U) b; u/ W) ?% R
GitHub地址:/ r6 y* Y. U L* f
https://github.com/ipfs-shipyard/ipfs-desktop) l* {$ [3 N6 D( I6 x% ?+ d6 G- X, K4 _
- Go-IPFS
: M# [; I7 e1 f' b- G @5 l进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):/ g4 @3 V* A+ D1 n% e7 p! k; m
https://dist.ipfs.io/#go-ipfs- i6 r$ I# E' _" d5 n( K
A( x1 ?* p9 n2 E# w# M
. M9 v$ |* ]; e9 g
+ _+ a4 v6 k5 I下载Go-IPFS9 R/ Y+ f5 ?6 j3 J4 e: [1 L
3 J; P9 n3 I0 i: Y
如果打不开,可以试着去Github查看安装方法
' z- z, v! F* Y9 S( {GitHub地址:https://github.com/ipfs/go-ipfs4 E& Y2 ^: W6 }; ^' H' T
将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
6 o% g5 k$ S' G) a, L然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:: L" O8 S; W; |6 M
wenzildeiMac: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.13
# X4 _6 z% N, x% [) p/ t 3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的
L* ~0 F) p6 P- 创建节点* s1 a2 Z& e9 E2 ~% i% e
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。8 a$ f; f+ ~3 b+ W& T6 r
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 ./5 e8 F. {* s1 a& T
6 q& N0 R5 \+ Y0 ]0 X( J$ t6 F9 F
1 d' n) N; i, J% w2 K* N5 H4 C. I8 @0 c- D: i2 {; `. s
IPFS节点的创建/ {; X$ `( U; G- @3 Q. A d" o
+ F! [( o) A8 G4 z4 Y
- 查看节点id# v1 c' `# O9 U0 Q8 A- R. N/ n
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默认存储空间* H# p* u+ g1 Y& ?2 X2 z4 O
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改) H% {6 t/ O F+ o) `
wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit 5 O/ ]2 J/ S, ` t2 c: m
) G4 I+ {/ I0 j, S# R0 P8 W$ |. \
6 i* @/ S8 Y, x3 r/ A9 g( c& p修改IPFS默认存储空间% _8 I# L9 O& S7 L) ^
% h0 D% K8 x/ I; d+ h# Y: P - 启动和同步节点服务器
2 |" H! B5 Q Q执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
9 n- a1 M# a" z9 f# {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 ready( u5 d5 E/ o. K5 U
4、IPFS运行体验- IPFS查看ReadMe
$ [/ M, L( c3 O$ U3 ^. Q可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:
9 G) X2 x; k% o3 b% ?8 ywenzildeiMac:~ 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管理界面. C. a5 g. r ?) ^/ h
IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui
8 K$ N A! H1 @) f, U5 h5 Q有本地配置、节点连接、本地节点文件等信息,如图:7 H c* m8 R; E2 e* I$ J3 Q- g
' V* G q7 z, U+ J: W( X
5 J9 J4 x' }9 t1 w
: F( \# a6 `- W# k5 f v
) c8 n8 E5 f/ F# T0 L
IPFS的Web管理界面
+ `* f D# c; `
1 {; o0 B ]" J* O. y6 g
; P% n5 ], U2 J$ z9 X7 o6 ~( ^, B0 E" r& q
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:
: x3 ~7 [. T; T' ]( pipfs 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节点- 新建文件4 w! W" O& l* u
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点
0 U0 _& K6 }( Q. YwenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值
+ k5 S. c! X" N" `4 V - 查看IPFS节点的文件
2 u1 S8 A; t7 [( [; FwenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。- A Q' G# I( y+ N$ u/ l9 ?
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab2 y- H& {+ |# f7 N* q- q
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。
9 T4 I& x, g3 ]3 Mhttps://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab6 ~8 T/ P- G0 ^2 x# X" N" j8 g% e% }: d
+ x- p0 l# h6 O/ {+ r9 V+ ^
' L* t8 C0 @2 ]. i! M
$ ?# w* E' [+ \4 O0 G9 o* P; j
查看IPFS文件内容' N- [# ]% J9 T
3 J3 ?! T' B$ o0 x$ |6 O
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。9 H M" t0 X+ X) Q0 [. l
- 下载IPFS节点的文件
- w0 y. T* _ W2 ~wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
9 ~* [) M3 R6 l5 Z$ n8 C7 K2 A/ u/ X# N* p, Z
_3 h7 q& M/ O u" [
! r4 A! ^0 J3 D0 F
/ s2 s. R7 r! }4 Z. v9 z下载IPFS节点的文件( u: j' m+ V+ j) C
# w- V+ d, M5 R O( p# [; B5 {! ?( m
" g% s( n3 W* q7 ?
6.2 创建文件夹存储文件- ipfs命令新建文件夹
- o% `, _; J+ RwenzildeiMac: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 /文件夹名"可以删除文件夹。' G3 u: {2 h/ R% l/ i/ K0 m1 j
( L" J+ X1 N/ c/ l; l9 g: j
6.3 IPFS上传文件夹- ipfs命令添加文件夹
" j, K2 w7 E" y6 g先在本地创建一个文件夹和对应文件,如图:( o& B0 @, w3 @0 l
1 S- d: e: P8 N" b+ v& S
0 q) S! {2 e; g$ R
! T" i9 U' S% H$ f; ~' x% ~3 j6 C
本地创建文件夹及文件
1 N1 l& V$ t2 J" t+ p$ N" i+ m& D9 V# I
然后通过"ipfs add -r 文件夹"命令添加整个文件夹
! C/ H% |; c/ F# }9 k- d 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$ - 查看文件夹的文件内容
+ B% [* c( W; G5 Q8 y \, S* {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对应文件夹
3 f& l: w J# O" V- ~3 p: M访问文件夹对应的IPFS地址:
9 d0 U0 P; h/ z3 R$ mhttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj
& V, m. l+ d* i3 l; u6 V1 s第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。5 B N4 ~, o2 {9 }- g8 _
. b) x4 o2 ^% Q" c; g. x& ]
0 V0 m2 {3 ?% B6 U* \- ]5 Y: {! v8 N' f
查看IPFS对应文件夹
9 K* o; F, ]4 B0 T* W
! F3 N1 {+ u2 Z访问文件夹对应的文件,如看到图片文件,访问ipfs网关:
# M& e; M8 f' B3 w: p) K# Hhttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg
8 E( K& a# w" e& Q u. Y, H
! w" c0 q ?9 e0 r/ U
4 _) ]1 k: Y8 e0 Q2 p* _: G1 x0 S. ^0 o) ^
查看IPFS文件夹对应文件9 p2 ?% n) O7 a4 s3 Y
# a6 T5 y9 z' t) [3 J! J或者通过文件的Hash来访问,如访问txt文件的地址:
, F* w6 [9 D, e. ehttps://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT' @) l' f: c3 Q l. ]/ s
5 M' V8 M2 c& s
1 h- A; S1 l" |4 _, x1 H
( p0 V8 U3 N# _2 r t: ?通过文件Hash访问查看
+ H, I2 X: K3 }. @. Z3 ~' B9 ?0 s- l: K
; J- e- F4 Z1 G/ h4 s' e
6.4 添加简单网页到IPFS节点- 网页效果和项目结构: f* I X5 E# B4 C- I
实现一个简单的实时显示系统当前时间的网页,效果如图:" A) @; A! M/ ]/ d6 h0 x
Z8 J; b- w% g8 U3 D
9 Q) M- e5 d; S7 O
9 z6 W2 f' A" O) S& u4 c, ^" c
% ?- Y6 {9 Q* m& v2 e8 G iIPFS添加简单网页
2 B) W9 z$ {4 t% H/ g) y
, T4 u& i* n& ?6 I* g5 g工程结构如图:* t4 c' M* L& ~0 f
1 n N$ e; z. f5 N; N& b; [8 O
% F) c$ M; q, G
; h; L! m; F2 r, j2 ?
: k+ Y- c( ~& H+ b8 P# i2 {网页工程结构
( L. L/ P9 A' t- R7 U, R9 x
6 o# M& u8 |, A( z: L, K: F- \% I6 i
实现代码比较简单,这里就不贴代码了。
! t- \$ p \# e; r& \- ipfs命令添加文件夹$ n" Z [9 ]/ P: T- B2 W
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"命令在新的终端窗口打开运行。
& k1 z/ o k3 P( P( i) D1 \1 {wenzildeiMac:~ 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/ P' D5 ^' v! ?8 T. d- z/ i) s浏览器访问ipfs网关:
! a0 j% v, [7 Q2 g! d) f6 U( h1 ~https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/+ ~9 s; ~/ h1 |8 x& V. M$ L1 y
5 ]0 n! x, [+ N, ^& j
: }% z3 p" L& [4 `: {5 z$ |9 h: A1 x7 t0 v7 K
查看IPFS对应网页. G6 _1 U& Y Q4 m, M
/ L1 Q7 E1 X+ j
: K# ]5 Z- |$ `1 W: B 6.5 IPNS绑定节点名- IPNS绑定节点操作
; H# f, V9 q2 O7 M* x/ A每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。/ V# X2 G( O5 b; Y& [+ S+ n7 f) v
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:
' z; q, k* s4 r% I( U) `wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点2 j* q% }8 I! Q5 x* _
wenzildeiMac: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"
+ G. Y2 v: A3 F7 ^ - 验证节点 u/ D/ a. ?. i Y. B# q% F6 h
命令为:"ipfs name resolve 节点ID“8 J6 k' e# T% M; \+ Q0 X
wenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
4 g! n6 P6 @: W# ^' R; j1 V浏览器访问ipfs网关:
* m$ G; k2 w1 m. K, Y9 |https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
& k, u1 Q5 K+ }$ s, K8 U
; Q- N/ R3 |0 b5 C9 i* x) A2 c
% x: E9 I! V$ Z2 }7 ]: j$ }
5 _1 z* G' e3 I; Z. v5 N* |8 C) i6 r
查看IPNS对应网页, P$ k; r1 s) G
: @& C" s3 O, Y7 P% t% J+ z7 C7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
3 ^& w3 f: ^+ b' C2 A. x4 y在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。
! f$ @% a. C& M8 G可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。) m F- X" M3 { r, a
使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。- `" h# W) r# H3 I8 k: k* q
Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。
* h& R( E5 U+ E1 F# }& dtruffle unbox react官网:
" o; E: M3 J4 [0 e/ L' [http://truffleframework.com/boxes/react
) l8 e$ J+ J9 }' s3 B - IPFS与DApp开发实战
. F0 \! x s! Y( R* ?3 N$ Q0 x8 V: S话不多说,开始进入实战开发。5 Y$ H; g0 a# A/ }, N; y
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
2 ^2 n: Q) Y7 T* ]! C6 {truffle 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",修改后完整代码:
0 y5 P- A5 a" ^5 p! t' Ypragma 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"- K/ }! B% ~( j' a( Z6 C
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"进行智能合约的部署
/ C) N" Z5 T6 f- l# t7 t
/ J2 V' q0 ^, |
( E( P9 q" ~5 S$ C/ X
# V+ _* V! x1 d( }: H
Remix-IDE部署智能合约! r) a A; V" S0 N$ [9 h
! _# w. h2 S8 f
7 N: y5 t" Y- q! ? {
% x) J- ~* r* ^& F5 ^7 {3 ^, _% z
/ a" b1 g7 d; M4 W/ m8 qRemix-IDE部署智能合约-确认" i" N, F0 ^# C; `( Y1 W
9 Y& M+ a) Q+ h2 x% {
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"( ?7 T% C* i+ B
7.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"命令,结果如图:" M" k; G/ c) K( ?8 j0 N/ ]3 L j
" `1 h, [6 m6 ]- Q) M: @& j. X
1 ^+ Y8 ]$ Z( E5 B& Vnpm_start
8 R8 C y5 r; t' d% o; C: n3 d7 x6 V8 ~8 r; l& Z' M
会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
1 `4 L. p! V$ W) J; o+ y+ X$ o4 G: O4 p9 F' v' i' z7 i
; L' T4 L. V( |! t, {: ?/ [' X s+ u) E l9 r3 L {& V* b
运行结果1. w" u3 E' `+ ^ C
# e5 D% D/ M" }0 r8 f) `
最终效果如图:$ P3 P+ K9 m1 l5 F" U
# v- K. y9 n, K2 V
6 H6 P9 q, D( v/ x% T9 f; l8 ~3 d
) N1 j P' G- s) t9 {& x
1 p8 Y% h) [6 H# ~2 z
运行结果: @4 M1 `& T4 j- }. ^# d
% p; o# u0 t* v$ l, B访问IPFS网关:
7 B- q, r# G( }9 Thttps://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd8992 R. O9 Q X; G
发现图片已经成功写入IPFS,如图:
) L9 w- t7 \3 S1 v& n; ?- e" Q- `: t$ D
& M) Q0 `4 _1 F
8 x J$ `. e8 b" t' F& M
$ n; a: l' Y$ V# c Z% ]; E运行结果3% s7 l! o/ ^% K. y O- e
- g7 V$ p+ P# R3 ^& R备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。. g: G& g3 T# U% }" _+ i) y
搞定,收工。
& x( X) V7 T; t PPS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
, \$ u: c* m: X% E# ?( ]
0 F2 v. ?2 R9 f% i9 Y8 o0 e. A
|
|