|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑 0 z; @4 C9 `/ v
4 {6 o$ }. D) ?& r* T9 t4 ]2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么2 ?0 A1 w& ?) d9 D. l" a
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。* D* N) Z0 U2 f+ k R; N: n! m
以上内容来自巴比特官网介绍- P1 Q! L, R# J! V1 i0 p& }
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。
: S# F5 Q9 G5 p. D7 K - IPFS的火热 L G n( V, |3 s0 ^
Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。
* H7 w: w. |1 P: @& Z& N注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。3 ~% \( B6 J7 y0 u& B
IPFS官网:https://ipfs.io/
7 _+ n- F3 Z, v, YFilecoin官网:https://filecoin.io/
+ { g. E( R7 [2 O( _& b - IPFS的应用案例
9 T# M* j S) u+ DGitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
8 W7 W& { y1 ~% s8 d
* v. g7 I3 ^( U1 O; U/ f- IPFS音乐播放器
( t ?. q M: n: U, ~7 O
6 m( C% r7 E u( t+ h6 k- Y$ G( X: T" `
8 H- p' C& Z; Z
; Z Y6 ?, H0 F/ O
' t4 V. H5 m! g: [$ RIPFS音乐播放器% r- _" `3 x9 C; b+ Q% j8 _
+ J" p: U! l3 C5 V& g+ {& W. dIPFS音乐播放器网址:https://diffuse.sh/2 P- t5 H7 _( F" O
GitHub地址:https://github.com/icidasset/diffuse
5 E4 m0 w3 c3 ]! z - IPFS视频在线播放器
9 q! Z9 M, H& u: E4 H* _2 j. c( x8 K& {" ~
! r ?! [7 V7 K
% P3 ~/ R. c4 T# y" k5 d
) v" @/ Y K+ K0 h! v; K: FIPFS视频在线播放器首页8 w" c. i3 O- U1 P' @
$ I! B5 L1 g: |% Z5 ~2 q) w
' W b5 S8 h2 V5 c+ g+ u 3 Z! Y/ s# k- P7 D
5 y) |7 [( [7 h5 d8 c3 d5 @' S
5 b# d3 T. Z! P f _8 O% IIPFS视频在线播放器播放电影8 p5 o8 F% C$ z6 \' a
8 ]0 L1 a1 {) s3 O1 b7 j
号称是国内第一个IPFS应用
2 S8 T S: e8 i$ wIPFS视频在线播放器网址:http://www.ipfs.guide/
# G- }5 L, N+ i% vGitHub地址:https://github.com/download13/ipfstube+ C+ h* g4 ^5 |
可用于测试的电影视频Hash(这里只列举两部):
7 N& g+ i6 i: ^) F A! u/ y# l神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68" j+ E' f" l0 ?* K: o% |. b5 y
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh% m( x+ p0 D, d$ J8 J2 b) T
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。. a5 S: N# P) b+ p" g
- IPFS Desktop' b6 G9 X4 O8 }. f9 ]9 d7 D) a. b
当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。
o2 v* a! e. [8 b5 a# ~8 V" x& \7 e- d- T! U
r; A0 A/ q6 |$ K) H. ~" l) a+ J
; k( t# K% e l# R+ J5 |& C6 J. Q6 _
IPFS节点桌面管理软件
1 C2 t' ^7 a* G6 a3 M0 o
' I6 v) C* e. F' w$ H$ Z) A3 y! KGitHub地址:+ O! |6 u' P# \! W
https://github.com/ipfs-shipyard/ipfs-desktop) w8 C$ |! j( y3 W4 [( y
- Go-IPFS
! h! R5 p e0 r1 _9 O进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):+ E3 P; ~5 n4 r. [" P e
https://dist.ipfs.io/#go-ipfs$ P+ @7 L, g, h( P9 Z8 B/ m
2 ]6 P5 `+ U. [
9 g4 F; \1 x" i9 J+ Y6 j) `
' ^6 o3 T2 j% g* v下载Go-IPFS
: ? ?8 w: x) q: c4 J- c/ F: _/ @
如果打不开,可以试着去Github查看安装方法7 l/ q6 J' ~, @
GitHub地址:https://github.com/ipfs/go-ipfs
, X9 U2 q6 r: V将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,; V9 [1 C. A/ H' w3 D
然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:- c; z R' j: O3 v1 E
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.130 k( k3 |# p$ P) b, L7 K4 e
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的
# E+ g0 X. {( I+ ^8 w( c4 p, n- 创建节点
8 t0 p# d8 B) N) C进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。
. z) |+ [5 `+ nwenzildeiMac: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 ./, j; Q; Y' h- x, C
; ~" }1 B( m; B, ]$ b6 {
) Z8 n0 K2 }" w0 b( i& O$ O
5 h# A/ G+ c g6 q! _; v! wIPFS节点的创建
! C* W1 b$ N4 l0 N$ ^6 O
) f( Z0 C! d, j& \; I- 查看节点id: e. R4 h( Z2 R. F- E+ {
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默认存储空间5 }2 w5 @7 Z# _4 D+ U- G5 W) D
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改+ j! z3 W$ }+ x2 u" i2 L( E
wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
) X1 n! H; q* U# T/ Q
6 F. i; ~0 E5 r [3 J: G& g
M- J1 x2 J& n; S
修改IPFS默认存储空间
]; {; m% v Z+ K4 X6 e; Q% {# E) s2 z3 i
- 启动和同步节点服务器
' h" N0 ?. A- Z: }执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
5 Y# y& F/ v, ]: {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
" v* b/ j; c }" L3 r$ [ 4、IPFS运行体验- IPFS查看ReadMe
9 s; ?8 v6 [# G7 I5 a, K可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:
2 h; |7 @( v8 G% E5 A! O9 ] bwenzildeiMac:~ 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管理界面
( b, M. a" S3 `) r$ dIPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui
& O; R1 g8 {7 w有本地配置、节点连接、本地节点文件等信息,如图:0 Y0 V: r9 P! s. A$ ?# i
5 B2 h5 q! I' J' b
/ A4 ~4 [8 H5 a+ a# }
$ ~ ~: g/ a6 o# s# a6 i W2 s9 X
- a* w+ _9 D, {6 gIPFS的Web管理界面
/ f( a# g# \ v% ^$ `' h, c. Y+ e2 u" M9 y# U
! [0 t7 v& Z( ?8 Y% O+ Q5 h/ Z/ i# q1 v; p! y( k
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:" h# v* F. F6 T2 x9 b# P
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节点- 新建文件
8 q6 U7 n$ R$ {( z) X0 d7 ?! FwenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点 p$ W% V; t% I- i- n @
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值
& a" m5 \2 S2 X" \3 ?6 R - 查看IPFS节点的文件
3 J g8 n+ r3 \) W4 swenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。
* L% `, j# @9 U/ x1 F8 Thttp://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab5 d. E- \/ u' q$ b# y
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。
, X7 B5 @5 [+ T# p! Lhttps://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
" A& \0 O$ {! n( o3 S7 n' ]! @- g2 a0 V2 r- q. z, R3 J3 V/ S
8 g+ k* B' G, v
) y- H* k: e) X4 ^3 Y1 `! P: i查看IPFS文件内容
; Y- @5 u1 B! w9 ^% d$ s6 V/ Z- D3 e# |) |7 B
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。+ y8 I, T1 n1 m: d3 u% Z# k
- 下载IPFS节点的文件" M4 _2 j5 P- R& s
wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
+ a2 t9 Z0 F( L( n1 }$ a
5 l$ s' @" G. f; U Z' J
! h9 E) |- B8 s; B1 t
, f- L: x) Z& I; R; G4 _# n, t; F
3 r/ Q) c0 I9 t: P. A4 q/ |
下载IPFS节点的文件
% o, c2 u( H- [) B1 B$ B9 R2 r) X& X
1 C: j+ f, C. P5 t# a3 i+ b, |( M
6.2 创建文件夹存储文件- ipfs命令新建文件夹# X5 l, [* L/ 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 /文件夹名"可以删除文件夹。. w# S% k" ^) u4 C& N8 Y' j
: t/ {/ G; W- j! o$ ? 6.3 IPFS上传文件夹- ipfs命令添加文件夹: {5 Q* \+ l5 u; ?: F: Y
先在本地创建一个文件夹和对应文件,如图:
: h5 `' h9 g, c! v
3 c4 Q- y, L! u; T1 ~$ B; i5 v
9 @- m. q+ [1 K# k$ }" v7 k( v+ F' M8 K& i2 n& X
本地创建文件夹及文件' i( O1 T1 ]) e+ r" L0 Y% \- W: ]. h1 L
* X' a: J4 Q1 o3 H+ z; `5 g- U. m# F( S然后通过"ipfs add -r 文件夹"命令添加整个文件夹
7 S, }+ L% R7 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$ - 查看文件夹的文件内容
3 T: H- _# G: L. e+ H' GwenzildeiMac: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对应文件夹9 b' }8 D0 ?/ O' V9 \1 Q" g0 n
访问文件夹对应的IPFS地址:" ?' Y- Q" M T, p
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj: a, o d% S: B; g9 U! H2 ?- O W3 M
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
1 T5 n( Y7 o! k! ^! M+ _/ Q! ?0 a/ Q- I" ?
! o& H' g; z0 ?8 |
8 J( a2 k( K$ ?/ Q" `
查看IPFS对应文件夹
3 S( ?5 v: b7 g9 L& U3 I! b" `2 e% }: E
访问文件夹对应的文件,如看到图片文件,访问ipfs网关:
" m i5 n. c- Z! ghttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg# W+ Y b4 P6 w
% N' w" L. g' J, h- j9 J
2 |- J' a4 _8 R& Q5 _: |- G. w
* ?1 M5 q! v8 O' ^$ B" t查看IPFS文件夹对应文件
1 G Z. w: {" i, X- j& A; S6 L& J/ d. @
或者通过文件的Hash来访问,如访问txt文件的地址:
- B9 o$ }9 }7 H) X+ M- f+ b6 }https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT: Y! Z1 }2 B3 Y7 G4 E9 m. l
5 p) G: r# ?; e
3 |; e* ?# M- E3 l
' V) p2 F/ x7 B7 w' u0 R( X通过文件Hash访问查看$ u6 s# Z. Y- A9 ^2 _- d
* [# [$ ^7 U7 w* O0 [* L
& j! |! c2 o: d0 x 6.4 添加简单网页到IPFS节点- 网页效果和项目结构9 x/ l d" I, a! h: y
实现一个简单的实时显示系统当前时间的网页,效果如图:
" d+ o4 I' _5 P9 b# e9 X2 j$ {* {% g3 i) F( {4 H
/ D: R9 u& `" y% i; f
/ X k8 Z; m9 r; ~
) Q1 {7 r' B, Z; ~1 C4 Y$ W* x" hIPFS添加简单网页" Q, Z' P1 L; G0 w
+ q1 l; j( q% R2 m6 w7 P工程结构如图:
( o- e0 d0 O9 J/ C: e6 q$ u) S& o4 z% c2 b ]
& r2 z6 Y6 T! S) h- T0 h
; @$ P# R; K* A5 K- D2 P' r# ?0 B# U, n3 f2 \, N
网页工程结构* P: x! R. u# _( ^( x$ p* Y$ z
7 a1 Q7 Y" [# S9 X C5 @- c5 X
! ]" {+ f5 `; V0 [ 实现代码比较简单,这里就不贴代码了。
1 W+ N" z+ L l' x' I& t3 c( Y- N/ W6 ~: p- ipfs命令添加文件夹
4 [2 g. t* I9 HwenzildeiMac: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"命令在新的终端窗口打开运行。
; T9 R2 L$ A/ K: YwenzildeiMac:~ 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对应文件; [ g8 c5 S$ P1 A+ z8 H) ]
浏览器访问ipfs网关:
1 f- p: a2 q# y8 Uhttps://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/+ i$ h+ I' y A% q4 C7 b3 A8 [
- t) S$ ~; T+ Y9 y) ^$ l+ G
' {& ~. M8 R% [! G7 Q
+ }/ G- s& W9 A7 h查看IPFS对应网页! _* U8 ]! V, m% `, b
) ~: S" K6 ]9 m/ L, m; t$ z5 i: I
! |% j% ^1 C# @' q
6.5 IPNS绑定节点名- IPNS绑定节点操作
2 t, \0 `- t9 s每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。
5 C, l% [) J5 _6 D- r$ S' p9 P刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:
f7 ~3 I) s6 H% v; l# ?7 }% O9 ZwenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点$ D. S$ B6 _: r. B7 t
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"
a6 b2 g9 [0 ~1 u - 验证节点
: `; n* t# H% ~" T命令为:"ipfs name resolve 节点ID“
, _: t6 v# ?6 O8 |) lwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件. {8 u5 u# g% l9 g4 E' [: }3 o
浏览器访问ipfs网关:
! r) Y k. P/ I( ghttps://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/* k- q: k, y# i$ q
4 V( K# O) M8 b- {/ I8 d
& h) n5 m! C' b. u- b# ~
- X8 {6 m1 W+ M$ w* d
2 r! L4 u2 |) p! W9 p$ \- [查看IPNS对应网页3 w2 m2 N! W( B; E( n
4 F. A6 ]& J5 T/ S8 i
7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
+ t( O& C6 o2 j+ o5 a在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。- |! ^. U% C( S' b, d1 J
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
, ^1 J( ~+ }$ e/ Z, `使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
$ a" Z6 O: }0 _4 v- cTruffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。+ ]; b$ C- k0 ?. P
truffle unbox react官网:9 E$ @( @& @) ^
http://truffleframework.com/boxes/react
4 @$ ]# d! j, M. x5 L7 F" S - IPFS与DApp开发实战1 B1 I" a. h( Z* B
话不多说,开始进入实战开发。; W; z/ {0 d. E2 s) L v
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
' w: Q: ~! h j- c, d a$ Ftruffle 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",修改后完整代码:
. I! n% N& Z& f* g5 Gpragma 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"
* @' H1 O2 B; j3 Q9 W, d2 y* Xfunction 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"进行智能合约的部署% [; p, v# N8 x% J2 i( E
/ ?6 C2 _( |7 v! K! q6 G: \- H) G. L; ?- b
# W+ J5 k* m' Q b5 w( N0 L+ {' C+ X4 ?
Remix-IDE部署智能合约0 E* p8 K5 R2 Z/ N. F A
) N! U+ N$ M3 p7 }$ ] }+ F
. y7 V u/ t+ g, p
) J$ v8 C t$ }' T3 A# a& r5 j) c7 Y# i0 a8 U4 h4 P6 y4 k' h
Remix-IDE部署智能合约-确认
& L0 C, U( N' Q ?, S# ?" A+ n# H T/ M& A+ G
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"7 {6 [0 L+ b5 c1 g4 Z' o
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"命令,结果如图:) h3 V4 P! G3 x) e' E" Y+ o5 ]% m
7 O7 F! K0 j4 Y% Y& X9 t
3 k+ N* J3 Z3 w& l0 Z6 A u$ r! P1 x
npm_start, n/ D6 b/ K F/ X4 A& q
" _; x1 f' q3 ^, P: V2 \
会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮# I' {3 c5 \3 i7 G n4 Z7 O/ l8 K) _
; U# Q" d* T+ \6 Z
1 B8 V6 e" D2 t0 @+ F) R1 h3 G7 J: H/ R( Q) ]& n
运行结果1
+ V2 ?: q3 F8 A8 V" j5 r$ `% W& ?# r
最终效果如图:) U5 |' }6 }+ D5 b8 }! M, T
# B2 g, `' r5 b9 H1 ~5 R$ L& c p1 @ H) k) z
( A9 a+ A1 S' ^5 u$ ~2 {* d+ Y$ Z7 x; Z6 k+ ~
运行结果6 H# _$ l7 n! i* L
6 d8 |$ b0 X: c5 t
访问IPFS网关:2 N6 [8 b: j1 B( h* i$ D; w
https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899
/ z# i7 \" V0 F2 s发现图片已经成功写入IPFS,如图:! A0 R* G& _% J Z3 E9 B! O W
1 Y9 V. S9 U5 I( {6 c$ ?. l
4 c2 D! H1 h* w0 [. u
' G; D. O9 n; }/ J- W, ^
- g' O3 a% e2 k
运行结果3
% P. |& B, s: U0 e; y0 a
0 R2 d9 p: g3 {0 J" G+ t备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。
0 _) v( e% |- i1 }% b3 H搞定,收工。
9 L" `, K; ~- E3 W! H W# RPS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
, l% `) P6 I- [" G( A5 R
& M3 a- r$ ^# X) p
|
|