|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑 7 X1 W4 }8 [" l! L. _
. ^4 b) U1 j3 V; g ~" g
2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么$ J: v/ W, m6 c8 s( y8 Y+ x, Y) Z; s9 A
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。
5 @8 i( A$ N- b" A/ L+ }7 L9 \+ l以上内容来自巴比特官网介绍2 v# b8 j! l+ L, [
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。, p d. Z3 {5 X9 M3 l
- IPFS的火热
6 {1 W/ `% a6 }, q; k& Q- q, P9 zFilecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。6 T O5 e) S" v& k* m/ J& y
注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。" |) r, J) x& G" m9 P, c
IPFS官网:https://ipfs.io/+ _2 Y V0 Q1 q6 H
Filecoin官网:https://filecoin.io/% A7 b: E# p" S$ e/ W, y$ X* Q$ s( @
- IPFS的应用案例0 p% z* D0 V2 M: |8 r
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。5 h* f: H& K5 c: p0 K/ x
' q( G- S) s* I, c
- IPFS音乐播放器
, g r" [3 p I- w% h
0 v y6 S) O: w. L- a' O3 Y: Q) r- d) x; P
4 V$ L- d% E2 y* D6 f9 m" ?$ D/ ?- D) P1 [* q8 j2 H" }
IPFS音乐播放器
9 ?6 t& z4 `9 k k# H+ {4 R: m+ m7 r5 r6 e8 a) Z1 g
IPFS音乐播放器网址:https://diffuse.sh/
: G) `& h1 z3 B: X& z2 C0 G9 a. @6 w; DGitHub地址:https://github.com/icidasset/diffuse
. [$ _; Y' d& W4 X9 U - IPFS视频在线播放器5 R& N$ _) V. n8 ~, F: M
0 O7 T+ b0 o4 U1 n4 ?- Y2 Q0 ^+ E5 H9 ]- l+ C3 a9 b+ o9 a7 a0 [7 W
6 s3 }% V0 o5 [/ T- o% k
( B- o1 g6 H7 V4 n5 x3 o1 Y
IPFS视频在线播放器首页
3 \. e. ^# p R+ N9 p5 R( ]
* m4 N4 q7 l% Y/ t# Y/ W- h
' j) @$ }/ [9 Q9 |' G' i1 i
' o- k. H* ~3 A* M" l
, A" x* z+ H/ v% E" R. x" b7 c4 |8 n
- c( X3 f5 ~2 s8 U6 G& u
IPFS视频在线播放器播放电影1 ]+ Z+ \% ?% T p( |! u# k
4 |- j2 O [% t8 c0 h号称是国内第一个IPFS应用/ |) B, D" n! W1 y
IPFS视频在线播放器网址:http://www.ipfs.guide/ Q, N. t2 {- {7 ?. X5 y
GitHub地址:https://github.com/download13/ipfstube- Z) X; V' p' E: \
可用于测试的电影视频Hash(这里只列举两部):
) @7 `" T! b9 x) _8 w神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68- f* [# M& `7 A2 R" I9 T: x3 M
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh
& w1 d% K% e( M, x& M 2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。/ P# b7 U/ R3 [) Z _1 B' }7 X& E+ ?
- IPFS Desktop
6 t! R% D% F% G; T) b当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。
& h0 V9 D9 S) d$ \, k# t* k1 F' f2 w, [# |9 J5 U
9 C9 B" o9 l" w9 |
: J) P. a$ K) l- K& |3 e7 `! ^0 x' B
IPFS节点桌面管理软件
& }/ u2 V* K; Y5 v. n1 c8 @$ e
1 V, I9 R/ W$ G7 lGitHub地址:
5 R3 H$ a2 Z: q8 D4 ?https://github.com/ipfs-shipyard/ipfs-desktop
7 {" U& K0 Z& I# d. J - Go-IPFS/ O! s8 w8 O( O! B, N
进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):- P8 b- V9 R2 Z# C$ b. Q$ k' i
https://dist.ipfs.io/#go-ipfs$ z" ^8 [8 a4 j9 Z% z2 ~7 U
1 E, C4 Z4 ~( V
$ M% e+ ^9 W+ b" z
( S. c- K5 k$ o$ j0 ?" T下载Go-IPFS0 {: m% v ?- q7 h' }
8 H, c2 X2 Z5 w8 g6 x/ X P如果打不开,可以试着去Github查看安装方法) G: b6 q# { a+ `8 ~0 R- B
GitHub地址:https://github.com/ipfs/go-ipfs
2 _$ x6 X- N9 X \+ L# b6 L% w将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
: v7 l8 H d. l U" L, U然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:: M# C1 f B% J( e% ?1 J
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$ t L2 d7 d; U9 Y% d
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的! }+ a; z4 q7 j$ B r
- 创建节点5 Z; T4 n9 c7 k
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。
% Z# R4 E+ E1 y2 z0 n8 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 ./: A, z# U& F8 E( o p% c
4 z. W, l( x, @- @
% \; v3 @1 {2 V9 Q0 q. N% }% O. _, s
IPFS节点的创建
4 o7 S9 o5 g4 V( p; X& V, `4 I
: }1 k; r2 a$ I6 d9 D% o( I B- 查看节点id$ W) M" |& X( H8 X/ n+ b* J
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默认存储空间
( H7 ?3 u1 }6 p存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改1 |9 V5 u, u) X; E3 C4 @
wenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit 5 s" f" U% ^* A, U) B5 Z; B {4 \+ D9 W
% b9 }: R4 U: ?
. ?& _: n$ N+ r' F4 J0 r' j0 C( K修改IPFS默认存储空间5 s9 c1 b' N! T1 m3 x" {6 V2 r
4 K4 ~6 B. q5 [9 K( Y' V: c - 启动和同步节点服务器" v3 H8 ?+ Z0 a( A
执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。; z# N" q, w: Y& W* B1 Y2 o
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
: K2 F- j' j6 e1 c+ G$ s) j 4、IPFS运行体验- IPFS查看ReadMe
3 S; p8 G( [ G+ s& k. `可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:' p! Y( B6 U7 V/ m
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管理界面
, c. B" q2 x$ q# h! @IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui
! z2 ~8 \/ a1 L: t. _: G" D有本地配置、节点连接、本地节点文件等信息,如图:
9 p1 S, v# F: e8 b
- u; z+ Z" O: I2 E
1 m' v$ G+ [! q. x* x
. Y- q5 s4 S3 I/ [! _4 n2 j
7 J8 ^: ?# P6 }% l: H* P% ]
IPFS的Web管理界面
( p$ L1 o% a( U% e7 c+ p
! v% x6 u( j0 B& B: O
6 z& \' o7 Z, y( U1 b
) q. \# J2 Q v" I$ n/ t+ l* _ 5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:
8 F6 w" a& Z& r1 I. A& M& P. aipfs 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节点- 新建文件
& f0 \( M$ z7 n; l' W v ?wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点
5 l" G+ N( m9 DwenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值: y% T1 C3 V3 o6 W' h0 ?6 ]
- 查看IPFS节点的文件
# l" k4 ]" {1 t) XwenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。
/ B5 F4 E h, a7 A. \, Khttp://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
2 x1 q+ K( r/ r2 m1 ]) q通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。* z5 E' t T9 O- R' a. t! N0 v
https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
5 U- }* Z/ d8 {& l* P0 z7 y5 s. R+ ~/ S" R
6 @1 q6 B. b; }6 y6 ?2 {
' h0 Z, w* j; X; V" U2 u
查看IPFS文件内容4 D) v- e5 s% v% \6 N
- C# [' l2 F! r4 u6 M$ G
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。
0 c% S' W" R# p( K. O - 下载IPFS节点的文件
& B9 Q: B8 P( w9 N& O% U! EwenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件", n1 m% C: V. f8 K. o9 j4 v. z
/ d! K* K2 x. z/ s; [1 A- n
9 A) q0 W" F1 K, G$ |7 S
; A6 v% u& w- y0 d! J1 ?5 p) v/ F- s; R; d1 [
下载IPFS节点的文件" X/ E. B4 b8 y3 ~
: Z8 r4 U7 u u& k$ u" _0 R: V7 N) r t( Y& @
6.2 创建文件夹存储文件- ipfs命令新建文件夹: l4 R4 u9 M" h( G9 T( r
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 V' n, Z% \/ x, ^. W9 A1 u: ^' O/ _& P
$ i4 P D& n; L3 d9 o; N, b( a; m5 V+ g 6.3 IPFS上传文件夹- ipfs命令添加文件夹
$ {$ Q# `# H+ W% V先在本地创建一个文件夹和对应文件,如图:6 Y4 F! l9 e [8 {. O0 w# G' X
% U5 G2 C6 E* h T' N& u6 R% n9 |2 G4 C. {( a
2 q E: W/ {/ e4 u
1 L. l6 s5 P7 Y Z2 x本地创建文件夹及文件3 V" n: @% ^- m) I9 T5 S6 v9 S- n
. I* X" z7 r4 s2 s0 E* B然后通过"ipfs add -r 文件夹"命令添加整个文件夹+ ^& ^) ^- p6 r+ r; R* Z
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; t+ d) c; C. \& b/ O! C: D
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对应文件夹
$ G9 ]+ J: ]' S6 }- y; m访问文件夹对应的IPFS地址:
* b/ k I `# E3 ~https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj
# y: F5 {0 [4 b5 s: h$ ~第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
* I! x" U4 O$ t+ e' p% V4 d3 h; F, H3 H
( j g: D; u4 m
. M( \# j2 n% S9 [7 z1 A查看IPFS对应文件夹
- V$ r. R6 M4 ?& w
9 M; K( m; I2 w. L. a) X( [访问文件夹对应的文件,如看到图片文件,访问ipfs网关:
3 Y4 @4 S+ W l6 B' ohttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg
# p! u$ I: O: k* l+ S$ c- `+ t7 E5 n/ v
( H* U+ ^5 L, C# H
7 O0 T9 c' N+ W" k2 f/ f5 k查看IPFS文件夹对应文件
* K( k+ u9 m4 r. S _
+ G5 c& E& Z) \4 ?+ f$ A' t n或者通过文件的Hash来访问,如访问txt文件的地址:, i3 W: B& ?2 [# g% `9 g, m
https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT" @! o3 e. M; k3 ^6 m
2 E" A) n/ L- L, a
) _ y9 z5 W1 w( \$ H: C
" V9 |* T$ P3 H! y$ |* o- v* T
通过文件Hash访问查看. r/ X3 U# z0 I: }: y R2 {
6 H5 v# n9 o9 T) X1 Z/ E! a: c
3 x& K2 ~# r E, e7 S# B7 J 6.4 添加简单网页到IPFS节点- 网页效果和项目结构. c, D& @% B! h" [
实现一个简单的实时显示系统当前时间的网页,效果如图:
) \' g- o( d. u0 z+ L$ U4 a+ J( L8 q5 \1 G- Y
t/ j, i0 q( P' z8 q# ?! X
- X9 d- A# J, ^; p' D! \* V2 Q
9 }+ ?) M9 s/ V. T
IPFS添加简单网页
B1 r; O6 P7 U+ Y
7 b6 M$ r- K- F4 x工程结构如图:/ p* X8 p$ S. i' x6 R2 Y: S
9 t) S* C% ]$ Z" N* T1 {% h1 V% N8 a, [% J
3 P& P1 T- \* e6 Z' [% l# Y5 ^9 `2 a
网页工程结构7 d/ _! m; `3 q7 K) i5 M
0 ]' }$ g: i3 M5 T3 z a2 h" _+ r# I! H* N5 h
实现代码比较简单,这里就不贴代码了。
0 O, F1 R. d- l' K" p( M: i, {1 Q- ipfs命令添加文件夹+ k8 T7 m, y; T6 Q. m# }4 s- S
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"命令在新的终端窗口打开运行。& @. `& r; t0 G% D, K
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对应文件! }+ d% k( P: L9 V+ l8 ^9 G0 g
浏览器访问ipfs网关:6 D* V+ j* I; q% C' U. s$ }
https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/' d- Z4 x$ @1 n" A q2 F; [
, n8 I0 i+ f/ a
, F, B3 q( ?4 s% u$ J
7 a3 }: V0 J7 e$ _% T3 C
查看IPFS对应网页( h# a( a& W/ t i0 O3 s3 j1 M( \. ?/ ?
4 N, L [" G* r/ n; u5 r' l1 w2 V2 O7 C: k5 @' {/ C
6.5 IPNS绑定节点名- IPNS绑定节点操作' \/ ]( |* f5 W V
每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。
$ z" q V& p0 `! O" X% o2 h2 b刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:( L( x6 ~8 p6 X: @3 F
wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点# Z h3 T, t1 p2 S; _5 j
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"
( _- f' Q6 M, @9 Z1 b7 B3 C# C - 验证节点
4 S1 t7 G& `- [5 S% c' T, b命令为:"ipfs name resolve 节点ID“
# k" G% B- s4 FwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
2 ]" D# a" X7 f+ d2 s浏览器访问ipfs网关:1 l: h; \9 ^9 ^; r2 X
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/+ i' l( n# |" }: @; l
0 u9 R. ]5 X, D4 N6 U
# C3 |" G) s- x! Z
! B6 E; ]4 H6 ?4 {$ W! Q6 @/ ^* k/ P8 t- N
查看IPNS对应网页
4 s4 j. s% \: m: {' [& r; E' `! F7 R8 v+ W6 F
7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处
$ X$ P, S! _: f. K( u% Q在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。
% Z3 w7 j' Y+ }7 G- p可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。8 J( s |, H& K* y
使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
3 x+ D: e, x0 D* o/ zTruffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。* @) q: L7 J! S, A2 ]! {, ]' H3 j# ~
truffle unbox react官网:
% c' E5 b @, L8 @http://truffleframework.com/boxes/react
2 [) L) S9 e" I: h$ L - IPFS与DApp开发实战' T1 f: b" G1 n2 b$ r& f
话不多说,开始进入实战开发。 h/ h% b2 N! m3 }' }5 Y
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令
9 I7 `# F, G( n; `- e* s7 i# Btruffle 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",修改后完整代码:
, d- R: h7 i! }; } [8 Zpragma 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"
$ _" [) {' b: X% X) }& ufunction 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"进行智能合约的部署
. J5 K' H7 z7 o) |; @, k6 t5 f* Z1 u" `3 \( s5 m2 i
D" f o& T8 C# Y4 o
, l0 X+ c% ~6 K) y5 u+ N4 F
Remix-IDE部署智能合约
" M9 r# [$ m2 `
% _- I. _1 y. C& ]8 b8 L; e
( K U+ l: t$ R+ d' ]
& { ?( C) W( Q* {
+ `4 ]/ A( |' @4 p4 W7 KRemix-IDE部署智能合约-确认
* f8 O( Q/ \& l, B! L, V M0 i+ Y/ o- J9 F( c( h+ n7 @6 ?
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"
0 _; Z' T1 _: q" n% U) f% U7.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"命令,结果如图:# k" v$ [6 X3 \- ^6 ~4 i3 l
: m7 E8 [- @* \5 F
5 z1 A) X, q: q9 a3 p1 w9 Y! ynpm_start
- G; L& E& ~ D0 c( g; t. d) T! o2 I M* M: Z
会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
2 x1 H+ b' e' W. X! g# m! d) h' \: O( J. {5 l
* Z9 H: ~' s+ S( `3 M4 G b, C
( R5 ?6 L9 V3 S$ B运行结果1
8 O9 F5 K, f, H% `% ]/ K
4 S) z' D0 _. P) [% u7 x4 k5 h最终效果如图:
# _7 C; h. o4 S% ?5 M, |$ D) r0 }
4 j. x& z! j0 T. |
2 v& U( d" Y8 N
7 m/ M) r5 F* F" O运行结果0 j! R- b( N" u0 f
- b) |$ ]; j! T9 {6 }& N% z访问IPFS网关:' c, h9 P _' @
https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899: O# L. }: f1 N, Z" O7 }7 e" `
发现图片已经成功写入IPFS,如图:5 y/ P7 ?- ^: a% }& h7 ?, G
( p5 H) W. q9 q# q$ p) O- x& B/ s3 g# t5 c+ c% H
& l4 A4 H: O( {. L% {5 Y
+ @5 }* O8 C! i: J运行结果3, d4 q5 @: Y9 q; K8 P$ }
0 A2 b; Q6 m% O( I7 Y0 _4 k' O
备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。
; w3 G* J+ O9 x5 r7 f搞定,收工。! \- J+ g" y6 X
PS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!2 r- u [9 F8 j! |, `8 Y. I8 o) C
8 a8 |+ e/ w) E! ^/ M
|
|