|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
: ?8 [+ C6 S, y5 f4 i& T% P7 @6 }% w' l3 i4 z; u; A2 H
2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么
3 z6 y) T5 M5 ?3 R/ A, U星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。
! X$ b R& U( P S: F0 J9 k以上内容来自巴比特官网介绍1 h% T6 W" l! s, k- w8 F) `
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。% E& M; p v& F
- IPFS的火热9 [/ U7 U! h+ X3 a0 j! v
Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。" Y: j; T1 G. \9 s
注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。, j# J' @& o! b" J" \
IPFS官网:https://ipfs.io/
( ?) J! |1 k2 KFilecoin官网:https://filecoin.io/' U( N/ i+ B: m9 R
- IPFS的应用案例
+ |7 \: N( W/ N* QGitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
" G! l/ C$ b( P/ ]/ O7 R# e- s# m. z( d; q" O: G8 Q
- IPFS音乐播放器+ w5 v. X* _; E: V. k2 y
2 U9 M# E6 }/ L/ K2 O: e: {
3 V7 S7 V1 `; x
+ I+ m* S$ }' B. ~+ R$ r5 T5 O
8 A: s; t n# G" P9 Z. A/ E+ I
IPFS音乐播放器
& m1 n; j2 g! I( N) N. ^9 R# a- X" \0 {
IPFS音乐播放器网址:https://diffuse.sh/( o3 H3 J, ?$ h, v" X! p: ?
GitHub地址:https://github.com/icidasset/diffuse
% Y! C0 r" x& Y - IPFS视频在线播放器
7 b' X2 H# k r5 w, y7 m6 D' f. V$ U
5 Y9 f) t* ?5 j# U0 _+ C$ T
) _7 D. R, t M0 A5 f2 |/ r4 R% I
* a/ j! R, u* @3 vIPFS视频在线播放器首页. P, ^. V1 A$ ?2 P8 }; G4 }
9 b$ Z4 W' b+ R2 N9 c2 Y' p3 ~$ z7 O1 \8 i! a9 r
) F- N) P! T: y- }& h& h# j5 u
0 E) x, j$ f5 J/ u" c# L+ p1 p, @. R
9 S* ?: X4 H' j; m( L2 T# o4 TIPFS视频在线播放器播放电影( h7 h! h: A* i0 k
! V9 |/ Y+ p6 D2 }4 T J; o
号称是国内第一个IPFS应用
% m( C, D' M/ G X5 t5 j9 v+ pIPFS视频在线播放器网址:http://www.ipfs.guide/( @; t4 T9 T9 M! [& S+ `: ~
GitHub地址:https://github.com/download13/ipfstube
: ~" y2 A) g3 q1 F" e+ m5 d可用于测试的电影视频Hash(这里只列举两部):
% d: A' \- p& S: [. [) _ v) e$ Y! L神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68
|) l7 W' q; E9 c1 t6 ^盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh* U# x$ O1 p# a# l4 G# ~
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。9 y5 S3 M1 v5 g7 D
- IPFS Desktop6 f" B t' n. h2 R! W4 o& O, m
当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。
6 W0 G, z+ A z5 m- W" e& j2 s( a) j9 P# l
3 ^9 R4 T' ]' q
( F( d' B D; N1 X; p& B
( q, f8 | G0 {# E9 v" a% mIPFS节点桌面管理软件) b3 o4 l R6 F+ @0 N. A7 {2 m, K7 q/ |
; M; o" Y! a I( v9 l8 ]5 ]
GitHub地址:
# s- |8 M" O+ Y2 Y4 m! \& Ghttps://github.com/ipfs-shipyard/ipfs-desktop; o! e( r1 I. z5 L# c
- Go-IPFS
7 f, K3 y* A6 a8 K$ Q3 a" j2 X进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):) O x/ ^0 _. g2 R) `
https://dist.ipfs.io/#go-ipfs
' a) g# p" \' s! @' l* a6 L* K/ ]
0 w# _6 X% t' Z# R& W* @
+ H9 z& c4 V% t
0 H, p" K7 a9 D& v9 G下载Go-IPFS
! U" `. h2 l9 c0 j$ d
' S. l1 t# b# a" g/ U7 J* p如果打不开,可以试着去Github查看安装方法
; G$ h# m4 V c3 XGitHub地址:https://github.com/ipfs/go-ipfs
+ \1 X! b. w: r V) I! e! K将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,1 h, d$ O. E: d9 N" ^
然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:
7 I8 K z$ e& h. A9 ~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
) q8 D& g' Z+ {+ z: `8 h 3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的5 s5 K$ h% v: S( E6 I) P
- 创建节点6 g' `: z7 J% x) g& C A; C+ m0 s, T, L
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。3 k0 U: g/ s, w. Y6 M
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 ./
: G4 H0 H# h4 N
: W2 {7 F8 v# C
: U g" @) M, C* [
# u* I( b7 ^( @& y% k1 w2 q, lIPFS节点的创建
. R: l' t7 O$ I$ K* S* F. g& t8 ^; q% u D x3 Q) T" r+ f
- 查看节点id
, D2 ]: H1 }3 O5 NwenzildeiMac:.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默认存储空间+ y+ h6 ^- I' g8 u2 w
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改. t+ Z( O6 b5 w6 G7 k7 U
wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
- }8 h- ^ V9 M6 b5 N$ W
1 B' x3 f7 L9 F7 I N5 N
$ o' r# E/ s% v
修改IPFS默认存储空间. J# m7 E0 Y7 S' z: }6 `
9 ]0 ^3 ^5 X$ i! N# C2 c! g: s1 Y7 z
- 启动和同步节点服务器
& J; M" Q7 {% ^: H* p执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
* J1 r# V6 Z$ G, _3 hwenzildeiMac:.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
1 A' W7 T6 w' v/ P5 z; @$ V# M 4、IPFS运行体验- IPFS查看ReadMe% R$ a' t' R" o2 G* e0 B. k6 j1 W
可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:: @. |: E2 u2 e+ P) r2 N
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管理界面
5 T, s# g, t% l8 t) |" `IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui
2 E5 n' Z' j( Y& y有本地配置、节点连接、本地节点文件等信息,如图:
4 p q( G, R1 N- Z& O3 Q& ^. d1 n" I( \4 P
( ~( n# Y0 V- h- D* h; J/ @8 G
. O; C' `9 v: S: W' i# q
# C5 H3 f. K3 J) vIPFS的Web管理界面2 ~ [4 \; j9 K- g# y
6 `- f7 m+ x% v4 H/ ?$ u
) \- u* T7 X% n) q' x4 K5 `4 G
4 o9 W9 p2 f% \* M, \( f 5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:4 C9 d3 Q5 c1 \$ y5 g. F9 ?
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节点- 新建文件
) V6 M* A8 B2 p; L! JwenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点! n% [, G0 {2 Y4 F
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值- C( }, q* J" U9 `, y* b6 d
- 查看IPFS节点的文件
% K/ s" g( K- owenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。; d, s! x- d1 ?' S
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
6 {, o5 R4 `: u- k9 s通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。' W/ ?( t8 W5 \, M
https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
, u- T" P; K5 f6 b0 d: m5 D! K* N7 G! a3 `
1 U# l, u. |0 {: v* y! [9 V
2 Z7 n. K/ W s9 \* }查看IPFS文件内容
/ q. P8 d3 ?* x! o
% O/ H. Q3 N1 w9 O- z如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。6 f& M4 Y9 \0 ]
- 下载IPFS节点的文件
( }7 W* }) X3 V! |% cwenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"2 g4 A5 D/ |/ N6 D' u, s$ i
M! S9 E' M) x f8 w C3 w/ X- b$ k
2 s" V- j0 M% M: x1 O0 {& E4 n
. E2 g9 g! B9 N+ h
9 L0 n7 T" j5 K- e* `下载IPFS节点的文件9 @: i. |6 ~# K+ R4 P9 V
6 f: P! }8 R0 W; P* y1 ~
/ }8 W5 P7 R9 z
6.2 创建文件夹存储文件- ipfs命令新建文件夹 h. w$ L; {! _( F
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 /文件夹名"可以删除文件夹。! I# e7 W r) j- L0 g' J1 r
$ a2 `2 e# H# K3 f& E
6.3 IPFS上传文件夹- ipfs命令添加文件夹
8 b9 |( b3 s$ @4 [ g先在本地创建一个文件夹和对应文件,如图:% a7 H9 Z$ i+ N$ Q
( g+ Q/ v8 [& Q& u7 N
: t( \0 D8 {. I: s' k& r
3 v4 K5 j, M- g" P/ j% `/ Z
3 f7 Y8 \8 j/ c! f7 _+ g本地创建文件夹及文件; r% P3 d0 k( E
, V3 X6 ^$ F( q* t* w4 X" \
然后通过"ipfs add -r 文件夹"命令添加整个文件夹
0 R/ l( o4 D% A4 U' H; @& T! v8 o 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$ - 查看文件夹的文件内容8 K4 W5 ^ _( Z8 {2 x
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对应文件夹
/ p) S6 {# N8 I# ]# j5 ^+ Q访问文件夹对应的IPFS地址:3 ^$ I& a/ p* i8 h: U/ L2 z5 Q
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj( ?, x1 V( i; M
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
0 r `# O8 t; ]! ~3 ~" u/ \$ D
: _ _8 g) g1 q( [
( x; t# E5 ^2 r
% l. V/ u/ G; v5 E* W
查看IPFS对应文件夹
! ?* e" B$ E1 y% K# u8 T4 |1 `8 W0 g
访问文件夹对应的文件,如看到图片文件,访问ipfs网关:6 c+ x+ [" N( U, h% Y- b# _; k
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg
F% ]: H) H% e
9 h; i0 |; y; r: q3 b
) \% n9 b% \0 p" K* d
* C. ?' z& B) Z4 H9 c
查看IPFS文件夹对应文件
+ z$ f6 k o" y
2 L6 G- S$ @4 _6 A/ ~" W5 E; J8 Q或者通过文件的Hash来访问,如访问txt文件的地址: e, o( w& e2 C; G: c
https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT
8 s& T/ |3 Y6 F7 g% E4 {4 q
& j2 S: Y' D% f7 E
: ]2 _' W+ e. E B- ~
/ g' b7 _" ?8 S; g" j9 r
通过文件Hash访问查看; V! O# S& p+ c o/ I+ c/ r, W8 ]
L9 e7 z T5 u* i: x1 P) v
+ d4 X* e9 W4 b; L, t, h 6.4 添加简单网页到IPFS节点- 网页效果和项目结构
8 I- R: L5 \# V4 c0 l! m- L; v1 l6 ?实现一个简单的实时显示系统当前时间的网页,效果如图:& ]6 d# o, W$ r1 d; f3 E. Y8 w
$ d9 }! h6 U7 A" U' S- }9 k( B& i& \% V2 W
$ c# p+ U0 A* b+ n. {! m2 D/ _% A" M' ~8 f8 v
IPFS添加简单网页
- p. {: Y) t/ i. `# \7 H. v4 E/ o9 Y1 A( h W3 h
工程结构如图:
2 X. I5 Q" P: k8 k3 p/ l
( B# p8 t7 D9 J- ^( i4 Q" f" U( P6 r# {( ~. _6 q8 {( \
6 c7 x- l+ R( ~/ _% A
( k; w6 L6 I3 |: A网页工程结构6 P5 Q, q. j+ k8 W, u
$ U8 j5 `7 w' _. n* M& |* R9 e; T( F% m
实现代码比较简单,这里就不贴代码了。
) i$ o" L& I9 ~/ ?: \& Z# J: e- ipfs命令添加文件夹
; Y+ g# x- O/ a( @% W; T+ j% EwenzildeiMac: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"命令在新的终端窗口打开运行。
) ~4 j6 T) p% T' s1 o" `9 F2 UwenzildeiMac:~ 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对应文件, W7 u0 y; F, H x
浏览器访问ipfs网关:
1 N' w& n5 Y5 u) S8 Lhttps://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/ H; r5 Q- L" F* t, w2 h
( }+ Q; S6 c5 e- |# ^* \, o: n6 B
! b" F% p* m# A
2 }0 e" S' w! a: U& V查看IPFS对应网页
6 T* c/ Q2 |. L& Y' {( l) W6 m& _( h6 X% l9 C
* U. r3 ]: k1 U. b
6.5 IPNS绑定节点名- IPNS绑定节点操作1 T6 r; o2 x. @0 D% c' `* q
每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。+ E2 P8 Q+ W9 U3 A
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下: |2 l0 `% }5 {# [
wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点
7 _( W L5 ^9 s3 F, x0 r* _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"
' x8 z7 A& m- X$ m4 |1 t/ X3 E/ f+ q - 验证节点1 X7 d# J7 ^( l( }" C3 \
命令为:"ipfs name resolve 节点ID“
5 b2 s' M; \9 n% ewenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
# s. D5 P9 u: _! G; j4 u9 {+ \$ D1 J浏览器访问ipfs网关:! p: H6 ~/ M; y
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/( Q0 m$ _# }5 A& t
* E& k( c2 ^$ M+ |" ?0 G
1 M" q+ k! W+ A% @5 f( W8 [, Z
( _; A: P& Q; [- `+ q' u
\* X3 }- u* {' `
查看IPNS对应网页
+ T9 Q( ?' t* J( y+ S' J ^
% c" t- ~$ w1 N: ?: N4 w% z7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
! b" ^! C- k, d在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。
8 B- N k. L# s/ p6 X b可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
- d+ y3 W4 @! u$ T% u使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。# Q# P- h' w: J8 z. V
Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。
0 W9 e0 H( t* B, Q& V3 Atruffle unbox react官网:5 }6 k8 p/ A9 c: V. O$ R# X
http://truffleframework.com/boxes/react% C- _3 f W1 d3 P f
- IPFS与DApp开发实战" y* @' i6 z* `$ w6 M0 ~
话不多说,开始进入实战开发。
Y* P3 w7 I8 V+ ]# R- X7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令; ?8 o) s: Q: d2 p9 u
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",修改后完整代码:
( t( g8 I0 t" |4 Y' 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"- e v, q, N2 m2 \( ]' D" k
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"进行智能合约的部署
) m2 Q# H$ b) o3 M$ t
2 B( W6 S( P) G; b
+ I( E+ W% B/ w% F2 ]6 \' V- p. o9 V* _4 r5 r! Y
Remix-IDE部署智能合约9 h f9 N* l' x n3 X1 \
' a0 A7 L8 T5 U# _2 Y' v7 j/ F" E
: r- C Q) C: Z* \
$ @* A' x" U) J, @
! t# w/ j( ?0 S- ]# s9 J# lRemix-IDE部署智能合约-确认
, D$ R$ A8 ~# q4 C( V1 I: \4 c0 n+ M& U/ D. F. P; M* X9 L) {" a
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"# {- H6 {+ N8 L' f2 D
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"命令,结果如图:. t: a$ K a2 g8 ?% z
$ d4 d3 t8 p: }3 S& @. x+ n' M. a2 L0 |' K' s' s' M
npm_start3 o; o. h# \# C6 f6 l# a% D
; b& w7 {% W) [- _% l; y* F H
会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
' I" U5 ~5 @+ @! K* L3 h
6 y5 R( y; `$ ?- J5 B
9 x g* T* B n4 ?2 H! l0 u
7 W5 p# ]5 X3 e2 Y运行结果1
* O5 m6 _/ R5 o* i3 G
. h% H& Y$ a& K4 @8 X6 {最终效果如图:
. ~3 W# i) L) h; H @; j G
+ q3 u6 Y! a/ {6 ^7 c" R6 w
5 l: ~; r3 C7 U. w, g. D
# o7 q; h. W; ^: r! z
1 |: b+ B4 X! w; G" E运行结果
4 @4 y% n- o S( G1 e$ ^0 k) a( K7 A* _5 N, |+ o/ A. {
访问IPFS网关:
* H0 L. t ^# D U- S0 @https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd8997 @: X- H( B4 j3 ^/ g- c" w
发现图片已经成功写入IPFS,如图:
, u! a$ w9 S% j$ a& {; ]$ T
, U6 D1 t* }- y/ d# u3 N
: }4 ~" U6 ]$ M% ~
, g% q& I2 y& Q) D4 Q, w6 Y3 G U4 T
运行结果3
9 O+ ?! U7 {% H1 q; k3 V% G# a$ n( j6 E" O* s4 f3 Q
备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。
" S$ n" W! a, m& d搞定,收工。
# M+ L, H$ R% G8 U3 g. j" sPS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!- j9 v5 N$ f" @: u- S J
, r1 v. [( W. K
|
|