|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
% `7 T6 X6 p; ^5 e( Q
% e+ T* L2 d) ]1 S2 q# h" W2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么
6 P2 V) Z' A s, H% o; J星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。( Y2 f6 T9 G2 d( s/ L, A
以上内容来自巴比特官网介绍( f1 r$ O; e# T U( V- r% t
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。1 B: P$ ]% c2 X* d) P
- IPFS的火热4 c7 s7 `+ J4 b7 t5 {1 w
Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。
( o3 w# K2 |$ x# r3 y注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。$ _( n5 @( O6 `7 [5 H
IPFS官网:https://ipfs.io/! l. d# o2 u9 C
Filecoin官网:https://filecoin.io/
! E% i* A+ S3 U; u, i% Q' f - IPFS的应用案例& w' W) A: ]& ~6 W
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
- `3 d+ f( i. e e4 p% I
" i! J; T) u: @# c' l6 ^1 n- IPFS音乐播放器
' k; o$ V* f- i' Y! v6 F
! ] N' `& y( p( y5 @+ x, L7 b) V/ s! J( w# ^" G8 O2 X
) m* }0 g; t. Q: d6 C1 i, Z
1 g& `7 k, Y0 }) s+ sIPFS音乐播放器) E9 _5 ]1 {% O5 n) W, i# ?# i
) d% M5 c' z4 aIPFS音乐播放器网址:https://diffuse.sh/
3 {+ n2 E1 U8 d! D- |6 lGitHub地址:https://github.com/icidasset/diffuse) {1 W( p1 k# ?2 A
- IPFS视频在线播放器" C5 h, x- z3 T' r" @
9 l% Q3 e, L( R1 b+ l
. i% m2 a' e5 Q8 F
' [% R1 A l" |" A% P6 I7 s+ v; a, d7 K
IPFS视频在线播放器首页* {# a' V' ~9 b: L" ?
/ K) w D6 N0 b
F t) {3 G$ Z: U 7 I3 |. k7 ~+ L
: t- k r. s" S. `/ Y$ X
" P) x- f+ I" J5 B' Y. }/ n; N
IPFS视频在线播放器播放电影
- V( E9 N+ R$ p% p
: X% t c% P5 N6 s) T l号称是国内第一个IPFS应用
9 d5 o. g) b7 Z+ D8 E2 K* K6 kIPFS视频在线播放器网址:http://www.ipfs.guide/
# C- F- `( U6 Q0 I/ M" hGitHub地址:https://github.com/download13/ipfstube
) C" |! I: r5 b可用于测试的电影视频Hash(这里只列举两部):
. O* f* ~8 e9 v- F5 F+ K2 n6 E神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68, ?( N; T) @5 i2 ^( d
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh9 p0 @0 D: L' { F" {
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。
" K7 R3 _) d3 G l+ ~- IPFS Desktop
% t1 f c! ^( ~当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。& g3 H# R B1 t8 ? A- d" u: J% z
! I5 j7 V7 j4 v$ g& E5 U9 C& F Z0 }9 m3 X: S+ O* e5 A
, `: C6 @! z) q1 k2 K
# _# f+ }& `5 P/ h: hIPFS节点桌面管理软件7 ?/ Y+ x0 {! _, G3 V* O/ v3 b* F
8 I X) u" X/ c* C# F9 wGitHub地址:0 ~% ~! @' d6 r* G, B) I
https://github.com/ipfs-shipyard/ipfs-desktop
; @$ ^: d' J {2 o - Go-IPFS9 [1 _4 {, _5 G0 L& A i7 s
进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):; Q: `) z$ X$ x0 @8 ^
https://dist.ipfs.io/#go-ipfs
6 o% V4 _ J3 u' y2 G$ R/ q# u9 j3 O4 n9 p# @% _: u& p D) D
/ X& E6 j# l4 N7 i& J* g6 P. e% Q
* b4 a R" C0 x下载Go-IPFS% I/ n- |4 l5 i
; {4 @4 Q) b+ q- b$ B; b- C+ C7 O, p
如果打不开,可以试着去Github查看安装方法
* t8 B5 X+ ~' ~2 IGitHub地址:https://github.com/ipfs/go-ipfs
' F+ z( q B8 e' ]( B6 @ W5 t. P将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,& k4 s5 ^$ j5 Y9 d( s
然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:$ n, A2 z. u: r; H( S3 m2 [
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- \' A; S: f! V6 I" B# c! |
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的 j! y( B9 p+ e* z1 S" y
- 创建节点7 d6 E4 D) B l1 F5 q0 P" h3 n) {8 ]
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。# |- {* h/ G0 T. E* \# Z U
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 ./
( C B/ }' }5 D2 x0 W% D
& k' M, K1 n, B; u+ I+ N5 d
/ `& E6 h Y# f4 ]+ g
- a, B N$ c+ U) \ C$ c% D9 pIPFS节点的创建
- b. E$ \8 `: V7 {6 L+ f2 U9 I( M
; m5 ?9 G# Z6 T. J; X- 查看节点id
+ A: K. f3 Y! Y: DwenzildeiMac:.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默认存储空间; K& Y( y! }; e
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
+ |% ]$ e$ T# J8 B- iwenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
2 i% o! r3 i. U2 l( G5 @3 K
* V) w" V- z; M8 w% A! w
3 b( |' q, P) v" M4 q, k, H修改IPFS默认存储空间, H- W( f1 y M: b- [% e- @: N
, I; D; D5 H! i8 W2 c
- 启动和同步节点服务器! q3 d2 T" e+ [5 z4 d8 U
执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
7 r5 j5 H+ R) i1 D* P, H6 twenzildeiMac:.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
5 Y x3 h8 w8 U0 U 4、IPFS运行体验- IPFS查看ReadMe% F+ Y0 j0 o7 {
可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:
- r% z$ Q- m; `% XwenzildeiMac:~ 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管理界面* d) U0 V; c* {) B- V% ?# Q1 e; B( Z5 S
IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui9 R6 x1 x7 C g
有本地配置、节点连接、本地节点文件等信息,如图:
- a4 F; z# ~4 K. @
4 D, K# f. P5 e" _! N
Y. _$ g" g3 a% D1 l' k4 g
7 ~( _7 b+ L# |9 Y6 R
; a8 _4 b% G0 s* c7 Q# U2 y5 q7 sIPFS的Web管理界面
1 N6 a6 n5 }! @8 N* V+ v" Z) v2 E/ @2 S' M) s$ e( ~% H
* X( `& Q A! A8 _) v
2 V% U: v, i, v! C, g' b6 `, q
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:. A8 `# x& Y1 y1 o, H3 e5 O
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节点- 新建文件# ^) u* z; F! T6 C- l; |
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点
A' ^0 W3 _3 R* ~8 Y/ g" S4 |$ _. FwenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值
+ J" F) ] m6 m9 d5 A - 查看IPFS节点的文件
% a+ p0 u$ I0 y" U1 ewenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。+ j7 T- z, `. e7 _6 j
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab/ _% n5 _$ D1 c/ G# h- O z. d
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。! o( ] H- Y- l* ~/ g @
https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab1 N" b2 K: p, Y: ?! i2 |
! ^- Q' M3 k; p
+ s3 t. y5 r3 F
: w7 `8 o2 r3 y) J; i8 ^. v查看IPFS文件内容7 g# f4 p- [" w6 T2 p
9 |; D) y& q. j" G6 y( s1 X如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。$ {& C$ w/ O' ?7 Z
- 下载IPFS节点的文件
- x% O: g5 R$ IwenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
' Q7 ^& E) M- n; l( A
8 ^+ c) t W# p! h' X+ r' z* k+ q' B
' h+ X& U7 N2 ]( i
& u3 i. X) z& W% X5 {1 o6 \
+ b8 B" E% w$ p) H4 E l" `) \7 I
下载IPFS节点的文件- ~5 Q+ H8 M( H8 i& J
) B2 v# P' V( c, s' t% P- c. S& O5 h6 u5 h4 _! F* x
6.2 创建文件夹存储文件- ipfs命令新建文件夹
7 H) G! p9 u; ]& G0 d$ W7 A+ {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 @" M c Y( I: Y; d! ?
! @1 b$ f" S! L$ M
6.3 IPFS上传文件夹- ipfs命令添加文件夹
& E/ a! N% w: _* L& p9 r# R先在本地创建一个文件夹和对应文件,如图:$ t, G/ C, B {& G6 r1 X
) T1 i& e# B: p! A
- C2 l+ b" O( Q
& w8 i0 a4 M: r3 |0 j
9 U2 @' G# j* t* ^8 s, G/ @' f' v
本地创建文件夹及文件: i9 A; E. c! {& ~
* B- o. [9 x! Y; N5 [/ {然后通过"ipfs add -r 文件夹"命令添加整个文件夹
7 V6 |; W" r# C$ C, K9 j 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$ - 查看文件夹的文件内容
! P1 n2 \) R( twenzildeiMac: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对应文件夹
: l, d' @9 a" b4 m* r/ x, M访问文件夹对应的IPFS地址:
7 U* e0 |5 n9 {9 thttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/ O( k" `0 _; L! K2 ]/ W, b
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。, {8 p) C; q, c5 x4 \3 n1 e
- C8 q9 y9 d- P* t. A: k
; ?. j2 M3 ~" D b
" a/ U! X/ Y# K( C查看IPFS对应文件夹
4 {' D6 O1 F. p- b. Z
" R5 K% o" Y, b. l- V9 M5 ?访问文件夹对应的文件,如看到图片文件,访问ipfs网关:& m/ T! N% r# R! b1 K+ X
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg1 Q1 R( ^0 k6 J% I- M
8 l5 W# l& j* F1 e9 c5 A
* m* q0 Z: a2 [% X2 d, f1 c( N& n* _ x8 B9 c: D/ W; U
查看IPFS文件夹对应文件! Q z! a% T s% I1 f- q: g3 J
+ A) e% O/ g3 F- }6 i% f# L6 e% w5 D或者通过文件的Hash来访问,如访问txt文件的地址:
! ?8 g$ J7 r. D- hhttps://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT
4 l7 ]- t2 s& v; f
) A1 [! ?+ Z- Q1 v0 _
- q0 e. e5 S- X+ i; u4 R+ }% i5 k# [/ x d2 G
通过文件Hash访问查看/ Z" o0 s; I4 l5 A: K% v
/ ^3 q7 u; H4 Q- Z' P
' P( s/ F3 J$ _- F. X/ R5 x 6.4 添加简单网页到IPFS节点- 网页效果和项目结构5 A( Y# D: a8 M% L: L9 ]
实现一个简单的实时显示系统当前时间的网页,效果如图:2 B! B% O& n4 T) A$ e
- H1 o; K/ K- I0 d- F( N
w' }9 S, I6 D. w* P6 ^
: _) P5 ^3 ?3 ~0 O6 a$ r
4 V/ ?* A! O4 _+ OIPFS添加简单网页
7 q! c: T" a* ~8 Z1 L
6 c% _' J$ l" A工程结构如图:) `% q% b+ @- u2 d% [0 H; q
# o0 z- N+ v9 j3 @5 [# l
& a0 V) S2 _( p& y( H2 l8 k$ o
' G2 }7 R" g5 w
9 F1 i1 q/ D% l5 {0 x: Q' b! k. x网页工程结构( n8 w; K* m& p2 u6 ?
& D/ L/ x& z9 ?+ B$ Z9 h: B
$ J! S/ `3 Y) {# A4 P 实现代码比较简单,这里就不贴代码了。
/ R9 E- L, J4 `6 W- ipfs命令添加文件夹
. c5 s5 x9 L* D R9 b/ ]+ }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"命令在新的终端窗口打开运行。/ y) L, d* k F h
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对应文件$ b9 o$ g! y: o2 d6 o0 h$ ^( ?
浏览器访问ipfs网关:. g- H% \) v$ G: q- w' q+ z
https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/
' K s2 G! P8 h- q( u0 W
# m' Y2 ]7 O ~* r
* K9 Z$ I5 u4 ?, \' t# N; g' |4 Z! b2 F& C7 S' ~2 g9 N
查看IPFS对应网页
+ i. [( m! }: J
9 ^" l0 ~# W( I8 z& p8 h6 T# S& W1 a1 ^% U- r3 U2 ~
6.5 IPNS绑定节点名- IPNS绑定节点操作
2 _, J4 q5 Y6 z, X每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。
% u- @$ o; T2 i+ Q刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:
( P: c* D4 o. r* i# jwenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点4 E }4 b8 l, l) c9 ]
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"% Z# t( K6 U0 T5 |2 k
- 验证节点8 |8 Q' l$ i! h
命令为:"ipfs name resolve 节点ID“: l0 ~+ A' y q7 x" F# N. M
wenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
$ }0 P$ t5 `$ w* q7 h* n/ A% i浏览器访问ipfs网关:$ C! }1 H* C7 r4 V+ k9 ~
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
8 X/ [; }. E) G) d: A
# w( D. K1 n, ~$ l$ s: W5 G3 A
7 J$ X7 e O. U8 Q" y; A: o
$ R: m5 ]4 f9 ^
! Z# R* M; W$ R3 ]; Z. R8 |0 g查看IPNS对应网页# e) L' k1 j3 D/ f5 c
3 j6 P9 P- B, L* W/ L8 `6 V+ A
7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处$ b- f7 v) W& ]
在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。
6 j: g0 ?3 A7 ?+ j2 t) g可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。% A* j- T3 A; g: R' K8 b% B. I W9 C. S
使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
; Y" F4 `9 ?2 m; MTruffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。0 W2 M/ F' t7 ^4 R
truffle unbox react官网:
* q! N% l, ?* h8 u* Khttp://truffleframework.com/boxes/react
( O- \+ w) t6 n3 T$ p3 P - IPFS与DApp开发实战
0 _+ |/ \# Z( w' e话不多说,开始进入实战开发。% q$ `( w& l" z8 K/ D
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令& [( @' Z, e5 r) [+ d
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",修改后完整代码:
# Z' q: l$ P& T) upragma 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"( p; `' B: _$ ]5 C0 ]
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"进行智能合约的部署' _1 ^( _' g7 }0 X
! M# x8 t, |6 A) H$ ]; d# o* |: d% J
5 @- C: n* m- p* z, y9 }6 ~- d: i, ^% F& W6 T* D
Remix-IDE部署智能合约
6 B6 S- G& O$ A0 ~' t8 A1 W5 B/ o% L: Z0 C3 p3 e& [- S; s8 M
4 c8 W5 [; I) B; r. P- r+ E: W
( f' S" {$ e# ?. F2 T2 }
4 n' I( _$ K* d3 R5 x, x6 C( X, e
Remix-IDE部署智能合约-确认
. ^$ i# u o2 g! ?3 Z/ X% I. m" l* s8 Q( N
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"7 G6 }: w- Q) D. c* q
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"命令,结果如图:! e; N, q% y( P1 z3 V+ N+ i; r
, [0 ]+ w" `$ G, c; R Q
) n) j8 c4 q- j3 O$ f) g* onpm_start2 W; J' p* y8 D; D" A
* ]( [# D+ C+ T2 X0 a会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮/ f1 U: ^+ Q, y6 ?
: ^6 B/ \+ e. E. v. R
( Y" y4 j+ X4 [7 k
7 z: H* J U; X& G2 y0 |: ]! P0 c2 A运行结果1
- \! W+ x/ o7 F$ X8 [
3 I# S9 X1 h( A最终效果如图:4 i4 D% L& q9 ~1 f/ |& p: b
2 u( k, @0 n" S/ `9 u" U% F
# I" F- Y4 V3 ^( w0 I% W
, R% {) {, ?) p! t2 N- O
! P, C1 n6 N- w. n2 ^: e运行结果& d! h* g6 D0 T+ e$ }; b$ ?1 n7 X
6 O7 M V- t0 G3 v7 X' B8 E+ a
访问IPFS网关:
' C- ` e5 z: k: V- [4 khttps://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899+ g" H, v! |/ m( T/ S
发现图片已经成功写入IPFS,如图:
3 I6 A, O% d# h0 y5 h2 u5 u# F( J. F8 c6 w# r9 Q( W; t; E' w# D( d
2 b# ^( K" S" o5 w( U
}, E- p: ?0 p$ G% f
0 M! I1 C. z2 _ { n4 Z9 M运行结果33 n! \: z+ T: `9 F' o1 z
- y$ K5 w& y j. w
备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。
0 y6 U. \9 O1 P) L4 v* n F搞定,收工。9 W. ^) d/ v0 T" d6 s! M
PS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
& o# J6 i. V1 j; I# P
3 r7 [8 L9 `5 j/ S" S) V5 h E* s% b
|
|