|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
" d" q, g% t- F& i
2 R7 c" g/ M9 N; \( ^, N2 x8 @2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么8 c& a# N; }* A; X! P
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。/ f V' Z' n7 v1 r( V5 M
以上内容来自巴比特官网介绍0 u9 F' U) S2 Q
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。
5 x8 B, L7 P9 P0 _2 t) G - IPFS的火热
# _5 I. X( t' g. D1 r. g$ PFilecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。
, f$ k" @. V0 s/ A! v0 C注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。: f* t0 g h8 @3 @5 M0 w7 g# H( Y4 ?; W
IPFS官网:https://ipfs.io/2 c, Z8 V5 [+ R1 Q0 E1 j+ {* p* t2 K
Filecoin官网:https://filecoin.io/
- W$ ~' n6 n: a0 l - IPFS的应用案例 j/ C/ Y7 I' h. H/ @" R
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。: o4 U. {+ x! {+ f2 n6 {5 L
: X/ M' t1 w( `* m& C- IPFS音乐播放器! G4 p: F- Y' `! k% d# J+ x4 `
4 G6 |: Q& [& B
1 p4 t6 A& g7 p" }, x7 b" }
% Q) c& S2 C5 G0 A' v$ e4 n c7 ]
% Y& \. `4 P4 ~* j4 m/ t$ qIPFS音乐播放器
1 |( ]+ A& u1 v- @1 r* K; L
. v! e0 y) l! j; X2 o0 sIPFS音乐播放器网址:https://diffuse.sh/+ K$ Z1 L7 k2 j4 y* y
GitHub地址:https://github.com/icidasset/diffuse
( I6 ]2 l$ J) N - IPFS视频在线播放器, ~) m: }+ W. v( P/ e r
) }; j; g: v. q* V3 T& t% e! b* P1 g3 w( w q0 `
7 E% Q. G. l& p3 {5 O" o+ i$ @0 \ F3 _2 u4 b0 I
IPFS视频在线播放器首页
; u0 o4 i6 m \9 O7 H- d2 v; y& d* b5 F' X ?, ^1 d" T
7 a3 S" g6 T1 ] U' r- `
. {& @; t# g: \+ v R& ^
* {9 p$ |9 K: l; p, X, s
; d1 f7 X* D: [5 b8 E; D0 W
IPFS视频在线播放器播放电影
, E- _7 {$ s A( T# v) o$ g1 {/ D! z3 P. w& {7 ~
号称是国内第一个IPFS应用
# c8 d" G1 b3 `' z, S9 A# s9 u4 iIPFS视频在线播放器网址:http://www.ipfs.guide/
9 l1 [9 x" ?; a; D f* ?GitHub地址:https://github.com/download13/ipfstube
2 @! j. |; y& N4 W. E可用于测试的电影视频Hash(这里只列举两部):4 i" v! Y$ R% V# {7 T
神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq681 R3 r9 \- W! j4 n% h5 |% u9 O
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh' ?( [2 I) z; Y$ \# |* \# I
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。8 ~0 \4 F2 S* U
- IPFS Desktop( q0 S! E4 m+ E1 w6 F" i, s
当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。- P- z! C" S# r& }
- m, y0 T/ R! B1 V3 l
: z- q' | E$ y! D" U( s3 O+ j
( W$ j: f f; I* _2 ^) d
) ]9 B5 c! ?/ f+ b; L' c# G9 aIPFS节点桌面管理软件
7 D) u% H+ O1 X# l# b) R. U2 V' s% w" w! l
GitHub地址:
4 B6 i; I: }1 K! {4 nhttps://github.com/ipfs-shipyard/ipfs-desktop8 [; ^( G$ M z: H) L; z- @6 y. v8 |
- Go-IPFS: x2 O' X! ^# l4 _5 |6 @: P+ b
进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):, K# G1 A4 m; L" F3 A% j) p: w' d
https://dist.ipfs.io/#go-ipfs' P) k6 }! |+ |7 K# Z
# l( H% u: K( a" b+ V; q j
8 C- s/ M9 p( @( s
3 w" y/ T. o; y: J; V& Y- u; s
下载Go-IPFS
/ O$ e) W( o5 b+ G
4 p" s6 R1 b8 n( a如果打不开,可以试着去Github查看安装方法
) H+ X& S0 u- N v# r" J1 kGitHub地址:https://github.com/ipfs/go-ipfs
- ?* r0 G4 G, ?& h' I& Y: ?! n将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
9 b8 ^6 C8 c! q$ Y' w然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:* v8 H5 M# v8 D. \. }, U& L
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# x/ k* Y% e1 [7 z! O4 ]; _! h
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的 E( R& l& l( E- ~8 U6 |6 ?+ A
- 创建节点
' Y; |4 |0 ~% J& _) G进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。' `! N8 b+ H; e" N
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 ./
" h" A# i) x9 p( B2 z2 v; [
3 v. n- _' k& W, P9 Y0 H) n$ a
6 A/ N) Z) T1 u* K
( v* x( D, G; b. ~5 @- w
IPFS节点的创建
# J' D0 s& ?6 o7 a/ D* L5 ]
! [% ?, n1 |8 r3 m0 ^2 G' h r. S. H- 查看节点id
( z' Z( F) E# b d: swenzildeiMac:.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默认存储空间
5 s) D" u! c) X7 \' |6 B/ `9 c存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
+ f3 l" }( O! x; E6 o% ]wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit 2 l2 s5 D; _3 ]8 L
% S! x( }& S) k2 n( [* h0 Z9 q' R' E- O8 `$ n% C7 e# R8 o
修改IPFS默认存储空间6 M$ ?! _2 B7 y, N# P$ ^% F
8 C$ }. G( F5 s7 t
- 启动和同步节点服务器9 D5 A2 ~& X7 j: i3 z$ M }
执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。" ^. s E3 R% p7 _; q- t! S
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" s4 E6 u+ M9 d9 z$ g
4、IPFS运行体验- IPFS查看ReadMe0 m/ R4 ?4 I5 m9 s& {
可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:
, c- Q9 c A4 p% ~" z: c: HwenzildeiMac:~ 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管理界面" Y# g6 V8 G% D+ H+ ^
IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui5 m t x* j S7 N. ?: N
有本地配置、节点连接、本地节点文件等信息,如图:* o: U. K/ y8 C2 Y8 V2 F9 O: c
" w0 t& Q7 \9 [' s: h% r; Q# t7 z) O9 [: {" Z' q# [' }+ O8 t
& C: u3 j! g. J1 g* l$ a6 _5 L6 h. p A
IPFS的Web管理界面0 w/ w8 o0 H, U n+ M, @9 ` f! a
/ B( l; x0 w2 E$ s
% I N" @/ ]4 k7 j3 S
7 m, @0 m6 u* K$ z
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:
2 P% [7 n$ k) W; W! x; uipfs 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节点- 新建文件! a- e `5 P n( K, D$ `
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点
@7 h& h4 Q% _' V/ Y, s8 IwenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值3 K. L% n a/ |5 g) {0 Q
- 查看IPFS节点的文件& k) t W. s% n
wenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。- L( E: U7 l" w+ c/ w6 `: c( X
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab9 C4 Z A2 N- l- a
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。
8 V. q. `+ `8 R: Ghttps://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
6 s y8 p; E9 P9 b/ k$ ~4 }) C; k, o ^9 j# Z* n& h
" g+ |- q8 q. N, i* s9 g0 `
7 `' N8 v8 @5 s; Y5 }* E2 M查看IPFS文件内容
) ?3 J( @' I7 | C1 Y4 K9 Q# h5 E) D
& U4 y( t+ d4 W如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。5 i" i1 n3 m A! _; V
- 下载IPFS节点的文件
* f6 r" j, p0 C# [. zwenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"3 p+ H" R. d9 ^: g$ A( D
* M7 U/ T; E8 f: \' r! X: `) B" n3 k5 P! v
& _( V( t2 J2 ^9 ~2 z4 K, ~) q
3 e/ p% y0 z4 J: m5 a* r0 r" m' }
下载IPFS节点的文件3 {6 }& @8 a, S
0 D% X4 ?# ^. x& Q
8 z# g7 l. s4 e 6.2 创建文件夹存储文件- ipfs命令新建文件夹
N4 x) X/ ]7 }7 _4 L8 e awenzildeiMac: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 /文件夹名"可以删除文件夹。5 }# |, Q# y: o6 K; q# g0 H
9 f; b0 T4 R9 l$ L
6.3 IPFS上传文件夹- ipfs命令添加文件夹& f7 w2 y( e$ ~9 J: T
先在本地创建一个文件夹和对应文件,如图:0 S" I2 k- Z& Z' b2 U+ M
/ e. g; h% N7 Y- X; K6 `- |+ ]# v. v1 c, i! U! x, C5 N: b
' z* T/ H! I7 S7 y3 s! P* I
) |" S! f: H$ u. u- K- ^9 b6 A
本地创建文件夹及文件+ L. T; t3 g, X4 p, ]0 J E
+ V4 x% f6 U- u; Z. n5 W
然后通过"ipfs add -r 文件夹"命令添加整个文件夹* y) v( r3 S9 k4 a+ I1 T" M
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$ - 查看文件夹的文件内容- y7 W' s8 i) F0 S! g5 P: 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对应文件夹
/ i0 m+ u6 X; C- R2 g, }访问文件夹对应的IPFS地址:
# A7 _% D7 q; A6 k/ P5 f4 Mhttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj) e! a* P w) e/ ?
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。# m+ t' d# ]( @* L
7 m6 r/ i4 j: u+ B
' x! T+ F C4 Q c* D; h# p7 i. q5 e, b" b% s# O: T
查看IPFS对应文件夹, O& f- |0 U6 v/ ]
6 @* n5 `6 x6 W Q: T# T
访问文件夹对应的文件,如看到图片文件,访问ipfs网关:" D! O$ I) O: O0 g5 [1 f* f
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg; g* K4 R" P. K2 O! s0 N
3 e: z4 t b/ j
0 v! t! Y/ z6 y$ F) ^7 m" Z" s' @" O6 A
查看IPFS文件夹对应文件& t: s) o, B" ?8 |- z
- S2 [8 Q7 w9 |' x: U' v$ z或者通过文件的Hash来访问,如访问txt文件的地址:& G% V+ `$ }" n+ m
https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT/ O, s4 i l9 a$ N
( s4 V; i% D9 q: I* w/ J
- W, F' L4 N$ T# w* A
1 x. U; H/ F% \2 {通过文件Hash访问查看4 t* w; M7 r; U$ [6 a% C
% R1 @. w/ M7 z g5 ]* j1 W. w
$ r* i8 D, N, n( \: v- `3 B/ W
6.4 添加简单网页到IPFS节点- 网页效果和项目结构- I$ U9 \/ E, W0 H5 e
实现一个简单的实时显示系统当前时间的网页,效果如图:
8 @% `- _0 z: e: x: M! T" x a# h9 ~3 f
# l) {0 n4 d& `6 Q
! r2 Q4 U! _9 l) p# R& y; |4 ^( [0 u
- K: t5 f" C/ d6 @9 s6 V$ BIPFS添加简单网页
- e$ u. W8 J& n8 u/ J! N% Z- P7 J, X. S
: l' D+ N* o1 E. S& \9 v工程结构如图:
/ Z, N: w- [: H2 O7 Q5 |2 e( b# x5 I( {2 U1 e6 p7 V4 i
5 k3 F' Q. B* e% u3 U" C1 G8 D; P
) ^4 _) ^# S- H7 O, z8 w' }% g* _8 P; G. ]
网页工程结构5 P3 c. u" u6 y7 ~ c v
$ D6 z* b2 |! G: M$ Q6 y. Y: @* N
v( m6 x! T$ ^& d 实现代码比较简单,这里就不贴代码了。
- j/ ^" N3 f7 G- ipfs命令添加文件夹& i" y; S/ L7 L! p2 \
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"命令在新的终端窗口打开运行。
) ]. O) Q7 p+ |' }1 MwenzildeiMac:~ 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对应文件9 n# b4 J8 U+ f; Y/ ^! k% g
浏览器访问ipfs网关:
/ w0 l& I3 [4 Y1 m1 l9 j5 ~( F# Ohttps://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/& _ o; q3 g7 `, b4 f! l6 [5 x
" y2 \: I( ?2 q
7 k( D' b, y/ Z) Q+ N
% L# ^: \" @ a: e查看IPFS对应网页
- H6 L- C+ c! H
9 k; @ `1 i+ d' \- P; y* T' H' Y. a. V2 |
6.5 IPNS绑定节点名- IPNS绑定节点操作. B1 P' L6 b. P" B
每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。1 h n5 i4 }5 @0 z( r/ K
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:
* E2 v) w. l( @( }. q8 Z; owenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点5 h% ^- ^% A# {' w, ~
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"& I" \/ G+ ~9 _/ A
- 验证节点) j8 T. V7 a, j
命令为:"ipfs name resolve 节点ID“
6 w$ \+ T+ E6 s) CwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
5 A c% U8 [- i浏览器访问ipfs网关:. L) f9 a5 |0 Y0 J' T$ y
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
3 g, }4 m: [# ?7 e! [6 A. x1 o+ g: x+ k+ D% G, m' G
: r3 Z/ |8 J- A$ ~/ |4 y* n
3 F$ R! u1 ^% [/ r
& h8 X; @/ J& K! m# G查看IPNS对应网页4 X( K5 L) N% U7 O7 g' i
5 r i, K) M* l) h |8 j* c
7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
w8 i0 ~9 J; x" l! {9 N/ p% M/ e在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。7 Y9 E9 J5 K I9 M3 l
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
! h" f0 @9 }0 b" g# H使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
X3 j; c- A( s, BTruffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。% D# N- ~$ u* Z/ |7 j9 j
truffle unbox react官网:1 d3 \: Z3 e( T- q9 S; _" @' N/ {
http://truffleframework.com/boxes/react! s" Q2 f" [ X( F& z
- IPFS与DApp开发实战 f t# X9 S& F1 _2 C9 v
话不多说,开始进入实战开发。* y) Q0 r) q6 \4 j, ]% E3 E
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
1 s& C5 H& G7 Z) O' s! g/ Otruffle 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",修改后完整代码:
/ v$ U( S O ~& tpragma 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"$ u: L: [2 V* g/ E) |; e% r
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"进行智能合约的部署. {8 h# j0 b1 x9 R5 Q7 w
. r' x/ ^1 Z3 d* ]
4 m8 R& n* C- J1 q' A* A" c* Q5 T) s$ f' M: V
Remix-IDE部署智能合约7 i, t; b' s8 n! c" ?
* `" v8 ~9 i- n1 N8 O3 {* G' ~( M4 s& g/ w4 Q% j$ }/ p: M
. U& P/ t$ _* L V3 U
' j3 |% a4 Y! b/ T ]# D
Remix-IDE部署智能合约-确认
1 S' ~0 v0 \0 c9 H, x# ~
* m0 |8 L& P, C# W; Q然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"
' S9 Z& u% ^$ N% 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"命令,结果如图:
* ^) ], Z/ @ y" i/ K( n6 p* M) X
5 ~" v7 K) p& Q, _8 U; {2 I, f G
7 n* v: W1 j% m& anpm_start
" c/ w! `* P' D0 c7 j0 @5 ^
8 C- W6 a; E, d会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮* |& F+ W* h& u% Y
2 G/ @) c8 I9 A- \
$ a6 n1 j* ^" U5 c- ~+ A& Z3 u1 A- g2 s9 u9 s
运行结果18 G4 r' F- T) L, Y L
6 U! l+ Z7 U3 T3 E" m, H M7 k+ l最终效果如图:$ G- N% P8 e C4 w3 h2 t, b
! U; W. k# [& p6 Z" G) t( U
8 Y+ b0 n3 J& A' d1 u1 A
( w3 I" n; V6 A$ g5 q2 b+ i, C0 q0 T3 j% P8 S/ [% V- g; v
运行结果: {6 G: `; R- ?2 j$ L
4 O8 r8 p0 c9 G* e* j; H' ~8 g
访问IPFS网关:/ \0 {" j; i- j" |* a
https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899" a1 b0 h( x/ }. R4 w M6 m- N
发现图片已经成功写入IPFS,如图:8 J8 l( x) g: X- F# D$ @
% p Z7 V' V) Y
! I6 ?! t+ T" P) s. ?% {+ t
) }0 [9 `( c0 L( F, P7 u8 j
8 J( C7 F2 k# w. b& K
运行结果3
" N9 }# v" A! y
3 N4 W/ I3 }9 }- G, E O3 [备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。, g# w% r6 `* C
搞定,收工。( I2 q( G9 f* }0 u
PS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
) D/ R; V, g# _; z
( w: A U Z1 G! S
|
|