|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
: H7 m: x' C" B7 X* F# }" n j( L2 U9 o
2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么
9 F+ b' \; c/ I1 o E星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。
/ x" v( a3 g3 y以上内容来自巴比特官网介绍$ Z0 d( W2 f+ ~8 M f( N3 o( p
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。
+ L, u9 c/ }6 V6 c - IPFS的火热
" J# }. w1 {7 ]0 }3 \& Q/ c) _Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。" s) y! W$ w7 N: D1 u
注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。+ G% f, d: T* J: w. u2 C/ w
IPFS官网:https://ipfs.io/6 Z' k3 Y K/ a0 Z: U
Filecoin官网:https://filecoin.io/
. W" |! M$ `9 _ - IPFS的应用案例$ }6 D1 b0 p' J0 K
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
# F4 C) X( O* _
! L/ W& I5 P) @5 C- IPFS音乐播放器% y! ]/ J! ]$ p, a
Q+ M r2 l* i' s; U! @
0 L0 _: V t8 @2 |
% {$ @+ E" R4 V' }' Q
9 C) y \4 q, m2 O4 kIPFS音乐播放器' {) r4 G0 S/ B, y* k5 E
- |2 t4 h2 Z: M! h
IPFS音乐播放器网址:https://diffuse.sh/$ {8 n; @0 B! Q+ B
GitHub地址:https://github.com/icidasset/diffuse
$ j0 m$ Z, v* f- ~. y+ _9 Y - IPFS视频在线播放器6 c$ C0 |. U% D) w( q2 z
$ V, a' F! D: a" z: |1 u) w$ {1 x) ] Z: d- m9 B7 a( ^
+ b; ^+ J9 ]3 a: S" _ l% b
) E9 ^! N9 a" i" B: DIPFS视频在线播放器首页9 C$ j3 R" @ p3 Q
# Q1 Q, D8 ^* \0 }1 M+ L; \
@4 S* y( |$ @7 m A' c
6 W' p1 }$ {' B6 b
( [* f$ v" d4 S( l- x0 \3 {4 I/ O3 [% G4 a( w$ R
IPFS视频在线播放器播放电影$ F) t" K* T+ ?; Y
' M2 l3 t, E/ }! l
号称是国内第一个IPFS应用
8 C' V* [) p6 N, ?) h: w, ZIPFS视频在线播放器网址:http://www.ipfs.guide/- _3 ^# N" l1 g- V
GitHub地址:https://github.com/download13/ipfstube/ ?# `: `3 D: a' b! o
可用于测试的电影视频Hash(这里只列举两部):, a. \4 r8 u6 ? k2 q
神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68# {7 L y) n: s$ A3 c& w
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh6 H) A7 ]! {, l; f1 o
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。
* Q# C* ]- p) `+ D2 C- IPFS Desktop* y& y( @4 n/ `
当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。
, t$ {/ `. L- K, w F$ _( ^ J% D) L5 _2 d& L
9 r% b, |( Y5 d% t
# ^ p& f2 R2 B3 }9 d
" J' w% y9 p4 H; G+ dIPFS节点桌面管理软件
* x- I- l/ l3 t$ n4 ?, ^8 m3 J
4 ?3 u8 |5 q( `" s5 hGitHub地址:) w* y: Z: h \; E
https://github.com/ipfs-shipyard/ipfs-desktop
7 |* Y9 B, h$ \0 q% w - Go-IPFS
! A- Y% D$ e1 h+ ]/ W) p6 z进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):
1 _& K& D+ x8 X! _0 P5 Y G* Whttps://dist.ipfs.io/#go-ipfs
% J9 L( s$ x# F4 y& K& [8 f; F9 i3 }
% W0 y' A! F- Q8 p# y; N6 E+ h* S7 A
1 M8 P8 @# w) u! C6 D$ O. ]9 U下载Go-IPFS
; f$ H* Z& P. }0 ^6 u$ a9 o! d0 i. @! R4 G" g) m; K+ j
如果打不开,可以试着去Github查看安装方法: S9 k+ W9 X; P4 M) C5 B# |
GitHub地址:https://github.com/ipfs/go-ipfs7 d+ j8 T5 b1 J
将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
; j1 W0 ]+ Q6 O5 p7 g然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:+ k4 C; o2 c( _2 A3 w& [, b
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# W/ V6 x& b% q8 y! R2 B( B/ G 3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的- ?/ Q- b. h, A9 M4 @
- 创建节点
& `1 \. j5 h# a$ d( U' L进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。
6 i1 I' d, o1 P9 U5 \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 ./
/ f7 V, {7 k; N& O' E! w& k
( y) p8 |& C. \; V! _, O8 e# h
7 W4 I3 J; L& Q# i3 |) ^9 J! J) d
3 s, j- b' o: y5 LIPFS节点的创建
+ K7 J4 v! w3 m6 ~% u
- r' ?; W3 i, g }2 F: p% |- n7 |- 查看节点id
! K: q- J& y+ O5 t1 HwenzildeiMac:.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默认存储空间
; X% |0 f0 Y% E- j- ~! q1 ]& P" c9 b存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
- s1 U7 F6 Q& U6 m$ @wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
; z7 H' c0 S8 w6 l# N
# K: O# @0 N2 d' c7 U5 D: ]8 f
( U5 V* \4 z. U8 {* [ p修改IPFS默认存储空间+ S8 X) M% v7 H+ ?
+ n* {7 e9 M; Q! A - 启动和同步节点服务器
- l$ W8 b- G( W' s执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
& Q) O8 k3 }3 ~8 F2 LwenzildeiMac:.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
! M- f$ J/ B, @/ H# V; h 4、IPFS运行体验- IPFS查看ReadMe
5 r9 z" }6 d l% O% }. W可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:( r+ o O; d4 X, G, {0 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管理界面" }9 a% T" C8 W0 _' J0 N! K7 X
IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui+ G0 H" h' W( ?
有本地配置、节点连接、本地节点文件等信息,如图:) W$ b. T4 S9 U) u; V9 J2 m. ?/ {
2 ]) X+ c1 A2 @! e( f/ k# o5 Y- C! B7 Q! B
* p# b. a. o2 ^0 B1 A5 i
2 u- \* a6 ~- \* P- H2 Q
IPFS的Web管理界面# m) G. D4 A" k5 j: _ m; l
2 H8 p; W9 a$ N5 @3 x
. F3 n1 i' i* p2 K0 P
# f/ e9 p+ H8 u: M+ K+ R; V; j 5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:
4 D- a7 h# G& e+ h0 Mipfs 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节点- 新建文件; v+ M% Y. ]. N7 r1 }$ H w- A0 Y
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点) i4 X; h/ {) p! k5 @2 ^- H
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值# B) b( M, G$ S9 Q1 }
- 查看IPFS节点的文件
) [/ w# C+ f: l/ AwenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。8 X; {% H/ ]% D& N: _) |5 x
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab' Z4 p" L! O+ v7 v
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。
6 i0 o# t+ H6 q& D+ rhttps://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab5 S3 \; _ M' W9 T
" v! y- w3 L9 Y. k0 s/ W; v- D9 y
4 r+ I$ u E; t$ h! S
# J) M X8 B$ g2 e, x4 E! Z查看IPFS文件内容
* P- c1 F' h& E7 _/ Y* E0 z% ^- y
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。
+ B4 k8 S" a, j - 下载IPFS节点的文件2 G, z2 C+ u5 a. {# @
wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
3 D1 V, X4 P' J$ q' n7 L* I5 F$ V# l
/ C1 _! O/ w( K1 S2 i
k7 D" E, U& @4 v7 ]
$ U9 f/ }! z" C" Z& n- V3 N" n: u* b8 N下载IPFS节点的文件
% h: s' I# e6 @3 a) f/ t, k0 f3 [ t% L
2 V4 V3 D+ [5 s
6.2 创建文件夹存储文件- ipfs命令新建文件夹2 G& P/ y9 j' S! s& t( A2 K' U
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 /文件夹名"可以删除文件夹。1 ^' y! U! ?; M
9 J% y I& ?$ {# E0 C6 R7 H8 X 6.3 IPFS上传文件夹- ipfs命令添加文件夹
9 X/ a2 g; W. H( B$ [- H: w先在本地创建一个文件夹和对应文件,如图:2 _* J% Z9 e1 T, B4 n6 S
! d& ]/ \2 E$ N }
& {" V/ `2 v5 l! i& {2 ` `
6 L9 L. m1 s6 s$ O* F9 K6 o/ R& A [3 k3 L( v. K2 ^5 I7 |
本地创建文件夹及文件: Z6 N+ d* o+ J8 q8 q0 q7 Z9 {# r
6 S* Q' v2 g9 o" t, R然后通过"ipfs add -r 文件夹"命令添加整个文件夹7 m+ ]' e: X4 m# ?9 t
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$ - 查看文件夹的文件内容/ i* L6 I: A, t" U2 Z2 k
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对应文件夹( j; ?. t5 B: S( F
访问文件夹对应的IPFS地址:8 d7 n( O5 G! H/ a% K$ E/ I: P% m
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj
! P8 T4 Q% _: m$ H0 c& R! \第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
' Z5 D% W+ x& d& Y( t8 s2 P1 U2 L L/ D2 ?' V
7 ~& b6 `( l( T; Y9 k2 W( b0 h9 }, |0 x* | K- s
查看IPFS对应文件夹8 V/ S9 h y( T$ s' P
9 p. ~5 l, C3 A1 S: O1 @7 b3 D- Y& ?访问文件夹对应的文件,如看到图片文件,访问ipfs网关:, W z5 U! X( h' c/ r- T
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg( O: H" @ J3 _; G9 D9 e$ e
/ A$ U; w" A% I! b' c" ]) \
$ f* y9 B& j1 ^" B5 t
! b, ^: L2 b; C8 Q% u' O查看IPFS文件夹对应文件: n4 i4 |% s5 J5 l" l2 A
" Q# z% u5 j, k$ q/ O( H# X或者通过文件的Hash来访问,如访问txt文件的地址:
! ^* t' L8 J# U# T$ H( _- a- i; Mhttps://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT4 A: B& N) w7 z5 b4 p' l
0 j( U$ [) K; G) Q* [0 i- b
) A/ y& X. S& |
/ z' F- k3 q. `' k! x) a通过文件Hash访问查看
. i4 S3 n! d9 B9 c9 S6 t3 J4 ~6 s- O
9 P& z" A8 c3 T" W2 [2 H1 N
6.4 添加简单网页到IPFS节点- 网页效果和项目结构
S9 C6 S1 p) T, c* P% ]实现一个简单的实时显示系统当前时间的网页,效果如图:5 V x; |1 N# q2 M* x5 |" \
& g3 t4 G5 a+ j/ L! ~. O9 O% u$ U1 e
8 V% d/ L8 B, B1 M& a7 ~/ Y" i% B8 V/ C
IPFS添加简单网页! K2 i% m% u, v# I j5 t+ z; o
! m& e* \ Z1 n& _6 a工程结构如图:# d9 ~9 v7 l! d( {7 r' e, Q
: {: L4 T0 b" F/ D/ l% G; O7 _/ E
, H# T2 U; _* `1 ~5 d# j5 _. ^' I
' q) o7 ]6 ~* r网页工程结构
N: C$ O0 A7 ?5 }' [& c& J8 R$ q2 K7 i6 l5 O" x3 {/ i* ]9 R' t0 \
7 p8 D9 J! w+ o M# S- R
实现代码比较简单,这里就不贴代码了。
6 _* R7 ?8 ~1 n5 z9 D0 ]- ipfs命令添加文件夹; Z9 g2 I+ w2 V0 R( G! V
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"命令在新的终端窗口打开运行。. D7 S* a4 c6 o. C7 g0 q! Q5 |6 v
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对应文件5 K% q! t$ k/ I& U
浏览器访问ipfs网关:
4 q& U/ z9 Y) y9 f0 K1 Bhttps://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/
[; z; h$ _7 o A- V: l" ^% G6 }% ~: |$ L2 r
+ Z3 J% e. t+ k% \/ t& u* Z% A" H: v( C
查看IPFS对应网页
5 ^' [& ?1 W/ N# M- j2 J* Y- d: {4 Y4 w
" X- k; y5 O1 x/ Q/ q0 Q5 @
6.5 IPNS绑定节点名- IPNS绑定节点操作4 `0 v+ K1 i( P6 V
每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。% n4 Q8 o, ~+ U2 e( k5 H
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:: U( _8 x$ l( n
wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点
) t/ E# C6 I. R6 B0 T0 R* M; UwenzildeiMac: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"0 O/ s2 f" z, D* T8 z. W( t0 f
- 验证节点
0 t) \% _ j" t! c命令为:"ipfs name resolve 节点ID“
8 ? ?5 U6 o+ {* _. d( DwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
9 D( p/ w4 z0 ]1 O# T. E8 |浏览器访问ipfs网关:
& z: }% |/ S0 S: V( b& a, ^https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
& ?9 ]( \# l- G
8 o! z8 i% e* p % M2 c. I7 N! Y6 Z1 H0 D8 j
9 y" k9 f1 i0 T# a+ @$ e8 j: s/ g) F! Q! X5 z
查看IPNS对应网页
t7 c, S0 ?) E( W" ?* O+ @
; J- U f4 B; |; `. z# `7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
* d2 ~0 q3 X6 q. K/ W+ |* w在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。4 m- u) u# k; r. s
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
. B: G! s3 }" `6 y; G6 j4 \ z使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。0 P5 R3 F# k, H4 u% g! u
Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。7 C9 E- a+ S" C: N
truffle unbox react官网:
# ]5 A2 e: `' g9 ?: ^http://truffleframework.com/boxes/react4 h" h/ t# ~; g6 Z% t5 v7 _$ E7 y
- IPFS与DApp开发实战
, s2 T, \. A' B# c0 F" h! i话不多说,开始进入实战开发。
% I2 E8 c9 y2 X w0 m% z; q1 a7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
) H7 A- z' c3 a1 h5 X; dtruffle 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",修改后完整代码:1 t4 @" _' ]# g' I6 _) Y
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"
3 e- T5 L- N% n5 w+ U! @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"进行智能合约的部署
v, M+ |5 W/ V% C1 i* q$ @: ?' z
3 l. Z6 F9 P# a# C: s9 p
6 I( H, l1 w) x, W8 j# R; `" ?6 A8 i( B' ?, n/ _
Remix-IDE部署智能合约
5 S0 z* {/ s$ ^. [7 u# `7 F) o( E+ j
" ^% q4 a0 e; ?( M8 T7 C2 S
4 y1 j( a0 g0 E- b
/ D! O' R, o' ?& P1 k3 K
Remix-IDE部署智能合约-确认8 K1 b) T& h6 q
" g% e/ {4 z1 J8 a# E% }6 L然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"' O4 j$ G4 a! J9 j' Y: d7 q y
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"命令,结果如图:, \* ]2 u; V/ n A( I& ?
, i+ M: [0 A; y' a# M+ |$ R4 T! s- Q' b# a* a/ a K5 P
npm_start* l) `& X2 _! {/ Y: s
5 G* w# X' q6 u: s会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
6 s) c( L- P! U. c( t0 R/ E
/ @. u& s( X8 Y- `) w5 g" B
* v8 B: F' |, Z2 W" A* E
) R9 D, l! x, {$ u! @0 t' M
运行结果1; S1 V E; c, ? Y- g+ A3 ?4 R6 A
4 \1 k( B9 f/ Q n o: ~$ Q( \& I最终效果如图:4 G+ J1 b6 `. ^* B' ]6 R
& H2 R# Y- J* [6 g3 F) w! u8 Y9 P8 ?
+ _7 k( { e8 y) e6 o8 @
) _) P4 X7 V8 R: S运行结果4 L- {6 H$ s/ ~. j+ e; B" c6 R
( Y. D4 @3 L, ?, t: g+ d) x
访问IPFS网关:8 U3 X/ @! p1 M* h8 `' w' O
https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899
1 b' v( k; o# ^# R# p6 T发现图片已经成功写入IPFS,如图:0 `0 x! G4 I& f2 A: @
- g; I C4 n: d R( }
" G3 _8 d( h0 ~
. ?$ i6 _" ?- p7 v
4 T/ s3 {$ X7 r5 s
运行结果3
/ `9 A% O y9 B9 d; v
- L" T* O' a0 e! s7 m' C ?* D' N3 Q备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。/ H. f5 c4 M, c9 z# M
搞定,收工。% W6 {! s) n: {1 X& D
PS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!" t N0 V) ?, ? g
! u* I `9 A: ?0 `/ N& N3 h a
|
|