|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
/ ~; k( b5 L5 P
P# V# L. d( \$ v) s% Q7 t- R" P2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么) H& f' y; q; b4 r* b3 A
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。
4 x% Y! W1 F$ E以上内容来自巴比特官网介绍, T8 x4 M& `0 j
IPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。/ @7 d' m2 b& W+ Q; o2 s& o5 V& o
- IPFS的火热2 n A- L! x" T' h7 H
Filecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。$ Y9 x" y- X6 P$ T
注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。
/ q$ n- d+ Y* @' @IPFS官网:https://ipfs.io/
8 r# L" o8 P1 S$ UFilecoin官网:https://filecoin.io/
* V& z! h5 ~# Z) m - IPFS的应用案例% x9 V: f8 B- O8 `& c
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。
- s. ?" A5 E4 V! w. w# B8 J
. _2 C& g) `$ W, c- v- IPFS音乐播放器; C; A1 p+ @0 L$ B; Y- S9 W
, M9 K1 }9 {6 e
6 ~3 t& l$ ]1 v
* B) E+ V7 f7 k% w. h/ {
2 \/ ?3 V/ n8 Q$ w: y& UIPFS音乐播放器, c1 @0 j! K1 r/ V, v# s( p; n! k
1 R4 ~2 @2 j( M5 W0 Q& V7 ~IPFS音乐播放器网址:https://diffuse.sh/
% P4 ^6 a$ W9 h: x4 `- j% p) pGitHub地址:https://github.com/icidasset/diffuse
% E0 a3 n$ i5 m( f2 L* { - IPFS视频在线播放器) Q' Q9 O" Q6 V8 z% Z
! C. B. B& N5 Y _ B
3 M7 [$ r' A, X7 g3 }
& r) s6 Z- B6 T3 _! ~
% b0 @' T* ~: n8 m
IPFS视频在线播放器首页
* `9 }( h" y. U0 w; _3 l) E- o+ y8 X
+ D' A: {3 a# `3 v. d7 n 7 o: n T; j, h! P
* k5 ^/ _. v6 ^2 M# k5 r0 F5 \/ }7 [) `1 O3 S% n, h5 K `
IPFS视频在线播放器播放电影* R2 k6 W5 d% _0 B5 T
8 P9 X1 a7 o7 B1 J- X号称是国内第一个IPFS应用
0 w3 E$ t; L6 T$ A+ tIPFS视频在线播放器网址:http://www.ipfs.guide/
0 ], }5 O! ?' U! y9 Q# u( X1 SGitHub地址:https://github.com/download13/ipfstube
4 `( D" f/ K' d" b" t. W7 D- a可用于测试的电影视频Hash(这里只列举两部):
7 @: W5 K" U8 ^4 M1 p神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68
- l" d/ R; J% Z1 ^) s" }9 H7 L g盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh
" [' Z$ _2 `0 s 2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。& ~7 S5 H6 |& b O4 z" l
- IPFS Desktop
+ ~- g- h X4 e# \2 A当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。2 j0 | `8 {) o. x" X3 Y3 j- N$ w
p2 C# ~7 p) l }% y
- o5 E% i2 m/ B
+ `0 K% I3 M% _# S- I" X% h
* A7 x0 L6 |1 |$ x, TIPFS节点桌面管理软件
$ @' Y$ G0 b9 U- i- j7 f$ d* e1 U7 c# H& T9 y
GitHub地址:+ g" H+ U8 I/ M1 F+ ^2 E" ~
https://github.com/ipfs-shipyard/ipfs-desktop
1 e( J1 ~/ M8 p( O! M$ Z! C - Go-IPFS
& f6 ^" m5 y0 D进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):
, R) z& C: {; V: G, O7 u- T9 }( X, }https://dist.ipfs.io/#go-ipfs
2 s% B3 u6 R# F0 Q' S5 ]. Z; h% M! A
! O( ?! ?2 I) U* S* {3 s
+ e: K/ S+ P( Q1 w+ |9 n: {1 m5 u0 m
下载Go-IPFS
; f( V# I N6 m% ?$ n* [0 D- e' z# v7 f3 B0 m }5 j9 t
如果打不开,可以试着去Github查看安装方法! ~; z! M) R6 w; L+ \
GitHub地址:https://github.com/ipfs/go-ipfs4 m. U, h6 i( h% H, X
将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
# E5 z# ?: p' S2 K5 X7 L然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:
+ l, t3 b# I& | ~3 y PwenzildeiMac: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.137 e, a5 p) l( Q4 g7 v
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的# m; p+ b0 f' S% D
- 创建节点& k, X: l/ T' [8 |
进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。+ k" ?# Y3 A! p* S; R
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 ./ {" q* O& `2 c* p
+ w% |/ ~; n$ q8 D9 U
* E1 @* t, `1 h A( E+ m! v
, u% J1 ]7 f! Z# u4 d8 U/ k
IPFS节点的创建6 B5 P9 [6 Q( Y* e% U- ]
6 j4 l) i) r! E- 查看节点id0 g6 U) \3 D6 q2 _
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默认存储空间
/ ?4 D( ]' C6 w8 x( X& Y1 E( \存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
5 t8 U% v, ]: l- k. i' ZwenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
! l# f7 C9 i; W5 Q
' {' }: ]: R/ A+ b; h! W: D$ c# I5 _' G0 C1 W4 V: @% _! \
修改IPFS默认存储空间0 s9 s% c; c2 D7 G, K( o$ [, x% J
- w; ^( U% V6 F) C; Y
- 启动和同步节点服务器! a* g* ~+ n: A
执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。
& A! t0 V. F1 H N' Y1 ~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% i" S) h& H6 o8 b" R" U
4、IPFS运行体验- IPFS查看ReadMe
" G* N2 T# x0 z f6 }7 P2 l) w可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:6 ]8 r, q: t- B( E4 D
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管理界面" r* p! `" B& x8 {6 D# B
IPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui C4 x, @. T; S, m) M }
有本地配置、节点连接、本地节点文件等信息,如图:
; U7 j* q7 s: r" l6 }4 s3 x7 Y. j
2 j8 J n. A N. ~
i: F: m' f# K, ?$ q! j
( u( A' q+ s/ }7 o: s/ [% q- \8 C& X3 L* Z
IPFS的Web管理界面
. }2 D, D' t v3 N0 h; f! m8 _$ K
( @, }) I' u- y3 R
; I. r4 Q! u2 m8 F. S2 p3 ]8 b: ~5 P l- \
5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:+ ?9 ^2 }- t$ c
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节点- 新建文件
0 r9 g" B! d+ H' h0 |4 s" jwenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点0 E: h6 a0 m: U0 m' B, O
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值 t+ z- d) @; j0 U2 s. }& v2 Y
- 查看IPFS节点的文件% F0 x1 u! u/ f/ U% A
wenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。2 i5 Y. }- T5 k8 w4 p$ ]
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
$ g0 I# `' B1 U. E# U通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。% c) n- S3 \0 ]! A. H' F( b$ `# {& a! z! e
https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
9 a2 s- k( ^! s# |- y
) O& Y' l4 {1 r/ M, d
4 O! m2 q( t1 Z+ t
! ~! k$ O+ K7 N: ~5 N查看IPFS文件内容# p5 s7 v7 o( Z- A
% D' v; Y1 R% I7 C9 ~: S8 n
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。
) C1 l7 p8 ?1 x4 S - 下载IPFS节点的文件* K/ w+ J/ M0 ]; @ b9 ^" g
wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"2 L" J9 Z' r6 H; o% \
0 i9 u# s0 k# _( c! c* e( I
; x s G/ Z- ^ W
2 ]& h. t1 Y4 G
% H4 m8 w6 Y+ i! J9 V
下载IPFS节点的文件( T+ R3 v% @6 c# w
2 S7 Q! t( D; O* I+ D1 O
/ Q/ n6 p) A1 { Q) B- x( [
6.2 创建文件夹存储文件- ipfs命令新建文件夹3 @% k( q7 @, i' b% Z* j# q( @4 d* j
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 /文件夹名"可以删除文件夹。
7 Y; w3 ^4 H4 |. o, ^7 z& N# I
' v* z( x& y0 Q% o 6.3 IPFS上传文件夹- ipfs命令添加文件夹2 s1 A; N. h. Q" W; p2 x+ J
先在本地创建一个文件夹和对应文件,如图:( D' [4 o( W% R' r# R" t2 |9 N
9 a* C$ i4 ^ m6 e$ Q, \- |3 q% q- [% A" w
2 L0 J; h% u. O+ R
* f) M. B) Z( U
本地创建文件夹及文件
- g+ z6 @$ S/ p M; d7 s
, c+ {3 }6 B, f+ L {# R, g4 t5 ]然后通过"ipfs add -r 文件夹"命令添加整个文件夹+ i( i4 I6 w; Q
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$ - 查看文件夹的文件内容. G5 t" g, s, b& T5 P0 G, j/ Q
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对应文件夹
( _5 I- }4 v' B: o' n访问文件夹对应的IPFS地址:
( S ~! O& n- } k0 xhttps://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj1 j# _7 c' J& N% H7 A! r
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。5 {1 j+ V5 a" b) I7 A2 ^+ {
+ C3 _6 Q% w5 y j6 [
( r! K6 @' r# L5 `
5 J3 u7 F0 ~ D/ ]查看IPFS对应文件夹* \, X7 s3 h0 g0 N- O. V
- C2 I+ }. a- \5 n8 v7 T g% ^
访问文件夹对应的文件,如看到图片文件,访问ipfs网关:& o% ~4 j# ]2 j% o; B+ A- I9 i
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg
0 b5 Y1 Z! S6 a1 T6 f9 J9 H" z# E" n' v
( f; N# j. A# }. l* H) q* ~/ q
2 m1 ?& z8 a$ M9 |! p% n" n查看IPFS文件夹对应文件/ _2 q$ i) g/ z4 m
, C: C( C6 M2 e5 }4 s或者通过文件的Hash来访问,如访问txt文件的地址:6 c; t! h3 [; C5 f1 V
https://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT8 ~. _& ]! I9 q6 N
4 }* F7 X% w" `1 @! K
$ E5 ~1 R1 }9 D" X! C! m
% w1 h5 s u2 [: ?+ [
通过文件Hash访问查看
* q1 W3 G* H( O( v2 v4 B+ t- I# Y
# U, j. S# r% g
3 D1 p0 Y7 r3 A 6.4 添加简单网页到IPFS节点- 网页效果和项目结构- P) ^% f- y& y. t+ t c
实现一个简单的实时显示系统当前时间的网页,效果如图:
- d" T& D% D0 D# \& e- R4 o$ c8 H9 {# f7 P4 t. J8 B
- }" t5 A: f7 v0 F& r9 p4 V
" N( s" j# V3 ~: A" D4 ~# a( m( c8 l; f4 o- Z
IPFS添加简单网页! K' L: C! |: z3 D2 q
$ |' M3 Q3 {# ]. K# q" L w工程结构如图:
! }4 g6 {/ @! J
) w: D+ t9 a, i- W; K3 N
; ?2 t2 v/ |$ Z& O
! b& U3 X3 K7 w H" k2 J! H5 c# N
网页工程结构
/ C& @; f% L2 Z: X! ~
2 J7 V& V. {7 I2 Z4 A4 j7 \2 L: b- }. s- c0 c2 B% S
实现代码比较简单,这里就不贴代码了。& C" b+ |+ w- d8 _- r, d
- ipfs命令添加文件夹
$ n- f/ h2 \2 P. z- q2 ywenzildeiMac: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"命令在新的终端窗口打开运行。# f1 P) D% ]1 i X
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对应文件
: T# @3 q5 |" m浏览器访问ipfs网关:
% m7 w4 O! Z3 W9 _- G5 R4 [( ~https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/8 B* D$ v: k4 U; r0 Z( S
8 _7 Q2 x! F. F, S3 E( y* i& o# C
' h* L# p( J( \9 v3 Y
/ g8 ~+ Z9 V" ~. y# y$ \, B查看IPFS对应网页
1 G4 q# S v5 I2 `. e6 ~. L4 v
* S; ]2 @% i# U0 a% M3 x2 f0 I; Q) s# S0 `) B& I) u' z
6.5 IPNS绑定节点名- IPNS绑定节点操作9 v( x9 z4 s, Z9 k
每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。$ w1 s# Y* m2 I, w7 k3 M, x6 o# R
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下: U" F1 p% `+ o
wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点' w5 i$ o# o: 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"
: {3 ~3 [ @' u0 p7 O - 验证节点
& r/ L' M& G) e. h' h" I; l. U( T; V命令为:"ipfs name resolve 节点ID“
@( q' X/ x1 \, F' BwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件
" ~2 e0 B: _! M! ]7 ?浏览器访问ipfs网关:( r- I; s2 ~6 \; _- H6 f, s
https://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/- P+ @9 u" c$ f" @" G
+ A) ]6 s) n8 R7 q/ E" X3 Y $ e; d' D) a- x; j$ s
9 H1 z v! |( x" M& d2 M
' a3 K" @( x* D& t查看IPNS对应网页/ k* r5 W) r0 Q; o" J
) r' Y! F; R' D: O: h7 X7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处3 _0 C \1 j4 m* P6 ]
在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。* {- `- ?5 @5 k" n; S; Z( {
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
( Y2 I' [# a; i" d% B3 R使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。
9 L/ K' }$ h6 B' i+ S9 F/ {Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。" }( Y& y/ q1 b- c& Z7 e
truffle unbox react官网:
$ W* A7 X6 E$ V: r; ihttp://truffleframework.com/boxes/react8 k$ r8 i4 J5 V$ b: v
- IPFS与DApp开发实战
. K: ?4 z5 ^5 @; Y话不多说,开始进入实战开发。% G; H9 N2 b4 V$ }8 ?) ?
7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令( q G/ _* J2 i
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",修改后完整代码:
8 M6 n: u* u* z- bpragma 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"
% t0 R3 a- q/ k4 Vfunction 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"进行智能合约的部署* w) g, T$ j0 S! {: r. ^
! p; O3 a- K4 U! i. A6 ~
{: a% o" W* ^2 X! N! O0 g- Z: \+ ~
- z0 u. q; r7 K# V! `Remix-IDE部署智能合约
' g( E5 S% W7 T& [* R* i% G5 `: \: m2 M# h
# y. S/ G0 A$ B
! D+ P: h2 b0 E$ R3 ]
% S N7 M' J5 j/ M7 O- l7 xRemix-IDE部署智能合约-确认# v+ [: t$ m# J$ F5 y
! l3 C" g* q0 G6 T% Z& N: w
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"
9 i4 J1 v1 v4 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"命令,结果如图:
) [! T0 H& I- h7 [
6 x! b" d! ~5 D. U$ i
8 I9 ?& K6 J) y/ F
npm_start
* J% s) N& X) Z J0 p8 I
: m7 b, e; T. I/ D" A, r* ?会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮2 {- k2 |+ _, f8 ~, J4 I
3 O7 Q) I! S& E) [$ _, c6 D
/ E; i; ^1 K; t# a" u# I/ ^
+ e- o) m! d5 i/ J7 f
运行结果1
, o: _$ L: Z" p9 `8 X% d% O9 A6 f' ~3 W6 E7 p; g
最终效果如图:
6 G: s1 a* K( ]) U: n7 |, X: U
7 _6 r& _. G5 S. E6 k2 X2 U2 ]# S. x p+ `& Y+ }
3 V: ^) F- b4 o. z
1 }: \0 J: J i& b8 }$ K; P运行结果
. h: d5 [ ]) R! p& `
+ y) h8 N6 y4 x# x3 Z访问IPFS网关:
# E& |0 n; X% n- O: Phttps://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899: v2 [+ w7 g R
发现图片已经成功写入IPFS,如图:# r* T- r" \1 `* m; N1 T: ?
" p/ w. Z& C9 Q! E+ n
1 _/ T7 t; ` O9 j1 m: r" c+ d/ F
3 J. a& K2 j+ \5 G
- x! |" S Z. p& w运行结果3
( O- a5 S+ F0 p/ U: r5 r
/ |" A2 D2 S8 g备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。+ ?2 G. t0 ?9 X6 w) S" n+ Q: l
搞定,收工。
& r. h; P. q; APS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
7 M c. s8 X1 ^* ~( @% h: `: C
+ O( f8 q) G+ ~2 u9 @5 [5 m* L
|
|