|
|
本帖最后由 赤膊医数 于 2021-4-22 23:41 编辑
# J' V% Q( v- e- g" G9 x2 B8 O0 f: |; G. z8 E5 H: u
2018年,最火爆且值得期待的区块链项目莫过于EOS和IPFS。1、IPFS简介- IPFS是什么' ` a% b/ H0 K7 ~. i6 E
星际文件系统IPFS(InterPlanetary File System)是一个面向全球的、点对点的分布式版本文件系统,目标是为了补充(甚至是取代)目前统治互联网的超文本传输协议(HTTP),将所有具有相同文件系统的计算设备连接在一起。原理用基于内容的地址替代基于域名的地址,也就是用户寻找的不是某个地址而是储存在某个地方的内容,不需要验证发送者的身份,而只需要验证内容的哈希,通过这样可以让网页的速度更快、更安全、更健壮、更持久。# K7 G. S& s! b/ G
以上内容来自巴比特官网介绍
! }8 a6 Q3 M2 B- d2 XIPFS是基于区块链技术的去中心化存储网络,实现了永久性存储。
/ g" h* Y, m6 s- }8 n0 P! M2 x7 M - IPFS的火热
; v* B; M+ x$ KFilecoin ICO是迄今为止涉及金额最大的ICO,仅一小时就募集了接近2亿美元,打破ICO记录,成为2017年最火爆的区块链项目。IPFS项目吸引了世界各地数字货币投资者和互联网从业者的密切关注,2018年比较值得期待的是IPFS主网的上线。然而就在前段时间,官方公布说上线时间延期到年底。
" [, c: x4 k1 J# w2 Q注:Filecoin是IPFS激励层的加密数字货币(即代币),有点类似于以太坊平台上的以太币。7 S! b5 K. c9 V4 j9 M
IPFS官网:https://ipfs.io/
' Z+ l( x; [9 v h3 i QFilecoin官网:https://filecoin.io/
+ I; w1 v7 {; g! }# i. Y/ K9 D - IPFS的应用案例# D6 X; D$ W5 [! O) A( I1 J
GitHub有两款开源项目,且有对应网址,分别是音乐播放器和视频播放器。: b; Y) I9 W9 v: W7 N8 X" y" Y
0 |0 ^ ^+ E6 I* p( N' ?
- IPFS音乐播放器
8 X$ U! W T) y6 t6 v
0 _1 B, x0 C, y2 E# }3 ]$ K! p4 {1 ^3 Z3 t
( Z" l+ V% R' Z+ a& }3 H5 X0 x. ^' H6 N
. u) e/ H/ R1 G- N: v zIPFS音乐播放器9 ?0 B4 ]0 x8 ?$ J, s$ J
0 U3 R' V! r3 ?9 i) W3 W- `, r) @IPFS音乐播放器网址:https://diffuse.sh/
/ j" t- j$ p& M* p ~9 f& {GitHub地址:https://github.com/icidasset/diffuse+ X& }9 W- x* K* d0 M/ j0 u8 e: }
- IPFS视频在线播放器
( I8 h/ `) s( X& m) c4 x) @/ m; a* F7 x; j5 N6 C& U$ U$ d1 ^$ Q
- m/ h1 V' Z2 D' p$ J
* U" b$ {) J$ x$ m; l) |/ L/ k: Q1 N# _) i
IPFS视频在线播放器首页
1 t% V; f8 G2 x# M* N! m) m* n7 z1 N4 g4 C/ U
2 H8 i5 k& t" v; s
. Y& J; Y9 G* O9 p" M
8 } ]: M% ~' Q0 {7 R
9 `8 s1 i% S+ t1 E% s+ [3 iIPFS视频在线播放器播放电影( y# {% p; M: O) l: i
( F) L+ R" |" |( G+ w8 j号称是国内第一个IPFS应用" G7 w( v, I& ~5 O: U
IPFS视频在线播放器网址:http://www.ipfs.guide/6 g& c8 A$ s; O4 _- a- m3 N: r
GitHub地址:https://github.com/download13/ipfstube
0 u: a- g" k! T; _, P8 _5 h# e N可用于测试的电影视频Hash(这里只列举两部):* `8 R- z% C! f' E, ^9 A+ W
神秘巨星:QmWBbKvLhVnkryKG6F5YdkcnoVahwD7Qi3CeJeZgM6Tq68) J' g2 I/ i& o8 c
盗梦空间:QmQATmpxXvSiQgt9c9idz9k3S3gQnh7wYj4DbdMQ9VGyLh/ `9 v9 T4 `7 U- ^9 w
2、IPFS的安装既然IPFS这么牛,有必要了解一下IPFS的开发,先从IPFS的安装开始。' [. q1 L7 Q7 y
- IPFS Desktop
! O, P% } U: X当然,可以直接安装IPFS节点桌面管理软件来体验一下。该软件可以方便地运行和管理自己的节点,查看IPFS节点资源信息,支持二次开发。该项目是Node.js编写的,已开源。' `' B+ `* G6 Y( ]* Y3 T4 e8 S& ~
- F' f3 ]8 w' R3 _0 {( g |/ F4 Y9 K
/ {4 V2 Z6 X" i" B; @
. g# O+ Q4 n7 Z; E8 M8 T# [6 Q2 e' L8 t5 X: ^
IPFS节点桌面管理软件
6 ^9 P" J4 E' E0 ?( ^ ~! l# x
, {; N$ L1 b( e6 ^+ o4 cGitHub地址:
( u: H* ?7 p' B5 d: Whttps://github.com/ipfs-shipyard/ipfs-desktop
7 g. @* e$ C: q1 S. |% B - Go-IPFS
Q9 V( r' [' ^! t2 r8 |3 k6 |进入IPFS的官网,找到并切换到"Install"页面,点击"Download IPFS for your platform",会跳转到如下网址(需要翻墙):
( y3 J& I z6 U$ d' f. ?' l& z& hhttps://dist.ipfs.io/#go-ipfs
' ^, u5 l. H# _1 q* u+ ^
+ C& Q6 [9 o) ~( }* V% q
; S8 i/ o, r! e% `1 m2 s1 r* ^2 B
( x4 h0 ]6 H% J3 B1 ^, O* Q) F4 m
下载Go-IPFS
* B& \9 ~/ _! z7 w8 Y$ R% T; D+ m; S9 v0 ?' C6 ?: |7 U) _
如果打不开,可以试着去Github查看安装方法
8 h2 ]2 Y# E" R1 ^: k0 BGitHub地址:https://github.com/ipfs/go-ipfs
: h: g b- v K3 M6 n0 g将网页下载好的文件解压出来,下载的是"go-ipfs_v0.4.13_darwin-amd64.tar.gz",解压出来的是go-ipfs文件夹,
- g/ \. R8 M6 h8 R. T然后打开终端,进入到go-ipfs文件夹根目录,复制ipfs文件到系统的bin目录,然后可以通过"ipfs version"来检查,操作如下:2 K! M9 B# \ F& w) Y
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 @% d, o/ b: c2 ^
3、IPFS节点的创建、查看和启动以下是安装官网的Go-IPFS步骤下实验的
0 f. c" I/ ?: k- t- 创建节点
2 O# g( t# v& Q进入到当前用户的根目录,并使用"ipfs init"命令创建节点,可以用"open ./"打开创建节点生成的".ipfs"目录。
1 T3 F: _; S7 K4 rwenzildeiMac: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 ./: Y9 ~0 ~% S6 J3 q% C. f/ @6 u
* y* p0 A# S: G; x7 _3 w( u+ q
: F! c2 n4 }7 i V1 k* w6 J% z( D) F! M# R( Q
IPFS节点的创建
' u. k$ E% v0 W" W4 i1 h8 o& r4 s4 v; Z9 l* J; c
- 查看节点id6 y$ z2 c% v4 v$ N
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默认存储空间- Z, \; j% ~4 Z: d' I% X* G
存储节点默认存储大小为10G,如果你想修改存储空间,可以修改config配置文件,找到StorageMax并修改
' H5 s/ B7 G4 `. ewenzildeiMac:~ wenzil$ export EDITOR=/usr/bin/vimwenzildeiMac:~ wenzil$ ipfs config edit
& A+ H" K& J' |/ R/ S1 _! ~- k! ^. n+ U
/ D8 G" T0 J; q" q
2 i; _, U" q9 _+ _ @$ ^) G修改IPFS默认存储空间1 A, x8 K( X1 [2 `3 x) q1 h
7 c2 V8 g: n6 }
- 启动和同步节点服务器, L( v, \) n3 v4 P4 ]9 S0 ^
执行"ipfs daemon"命令,可以同步节点数据到IPFS网络。0 F* F0 s" [) g& M1 E& L. S
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
! q7 G! e* n7 Y8 B3 b 4、IPFS运行体验- IPFS查看ReadMe
) ?9 O5 o) |# D1 x" J4 s' ^可以回去查看执行"ipfs init"命令的时候,返回的内容。打开一个新的终端,操作如下:
/ {4 \" y# P4 @; X9 c6 GwenzildeiMac:~ 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管理界面
( G4 x8 H& v5 p& dIPFS节点服务器启动后,可以用浏览器访问:http://localhost:5001/webui
9 W# u+ R; V- ^2 C- Y# G4 Q" |有本地配置、节点连接、本地节点文件等信息,如图:
: P0 k( h$ n; t/ `- n i% i: D8 l- K
+ f: l# v+ M2 T0 g# m5 X
4 c- @% C/ t) Z7 Z
' s9 U. O" w# h2 p- X5 r
IPFS的Web管理界面
' w; o9 u$ g5 `
6 p9 F3 q8 S0 J, }) Z# G3 k: C1 S. B
0 W J6 v! G! e( j+ @ 5、设置跨域资源共享当我们在前端通过js接口操作ipfs时,会遇到跨域资源访问问题,可以在终端执行以下配置来解决:
% K1 c- r4 s2 {$ b2 K- R Zipfs 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节点- 新建文件5 m$ q0 I: u( q" G2 J
wenzildeiMac:ifps_test wenzil$ vi test.txtwenzildeiMac:ifps_test wenzil$ cat test.txt IPFS测试文件 - 添加文件到IPFS节点2 S/ s+ S, X y8 w! U6 A
wenzildeiMac:ifps_test wenzil$ ipfs add test.txt added QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab test.txt添加文件到IPFS节点后,返回了文件的哈希值5 }- [& ?3 M: b7 ~% k# b
- 查看IPFS节点的文件
* M! T3 U& U# H; m+ L* I3 nwenzildeiMac:ifps_test wenzil$ ipfs cat QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbIPFS测试文件注意:此时的文件只是添加到了本地的IPFS节点,读取的是本地数据,可以通过如下网址查看。: o/ [# L) W" {6 w+ |
http://localhost:8080/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab* T4 z3 ~; X; D! h
通过"ipfs daemon"命令启动节点服务器,会将本地节点文件同步到外网,同步成功后,这时就可以访问如下网址来查看(如果访问失败,试着翻墙看看)。
! l% P1 j( z+ F6 a/ _https://ipfs.io/ipfs/QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab
/ r1 F3 P5 L/ R e
5 }- n7 u5 v" j1 Q
" k* u; d( v% [ C! \" r8 d: @- ^" b3 M }
查看IPFS文件内容; Q2 W/ O/ U7 p. l# K! i/ K2 f
6 x: V6 x' |1 O1 i/ E! ?9 ^
如果访问成功的话,说明已经存储到IPFS网络中。目前IPFS网络暂未加入代币Filecoin机制,所以存储读取文件免费,速度也比较慢。! H" Z- W Z, W; x9 K6 T5 w
- 下载IPFS节点的文件
( ^# l: `# W: I" ~wenzildeiMac:ifps_test wenzil$ ipfs get QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2AbSaving file(s) to QmSVKEwPBTzw5QLzGUE8oN8J1r4cadMeieSw4Co1ozm2Ab 25 B / 25 B [========================================================] 100.00% 0s查看当前目录,发现多了一个"QmSV..."的文件"
/ g" D6 S6 Q/ a) r" e& X
' n. A( r9 N, m. A+ E+ b$ P( u: g
0 w% C9 [) d3 R# v
! O _5 ]. v- { Z/ z4 }7 t" x- p
, y( L E1 ?/ }& A+ z
下载IPFS节点的文件
$ r/ i; y [8 p5 _" X# o. p! [
% ^. ^2 }" f9 k& N. H
2 c8 B {% V6 u5 n3 P# c7 H1 ^ 6.2 创建文件夹存储文件- ipfs命令新建文件夹
- d: c4 {7 b: |- }. g$ c; o) n: kwenzildeiMac: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 /文件夹名"可以删除文件夹。, p3 t; q& ?0 q: y! ~
, L: M0 e2 L# i" K" ~( S- ^
6.3 IPFS上传文件夹- ipfs命令添加文件夹" m( t; d5 ]5 [" q
先在本地创建一个文件夹和对应文件,如图:
* b9 K$ v; f$ U1 Y/ S/ @3 N
* g" M, |. f2 n R. Z- P# w: L/ p1 }7 N9 G
& o* A, D t: ~+ Z
* U1 h( H% R7 P, i# z4 Z! j9 u+ g" y本地创建文件夹及文件
: v8 m- [3 U9 S
# K" x% i! l$ ]3 W" g然后通过"ipfs add -r 文件夹"命令添加整个文件夹
$ j7 j4 E% q4 z# r8 @0 e3 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$ - 查看文件夹的文件内容
: e% l( G& R# Z5 z3 ]& Y, Z# } n( 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! D3 M N, Q$ {& w
访问文件夹对应的IPFS地址:
3 w0 E* c l" U [https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/ h3 c: W) Q: C( x
第一次访问的时候,需要同步数据到IPFS网络,等待时间有点久,慢到让你以为同步失败了。
% z$ I; x. K# u7 T7 N0 F- x/ O- J1 W. J5 s& J- ^, V( v
( u @6 `- R: [
( C. ]) C3 p! H9 v6 a查看IPFS对应文件夹) q3 A! s& O$ U
/ C! ~, v/ t/ P. V7 E8 @
访问文件夹对应的文件,如看到图片文件,访问ipfs网关:3 m: f& J8 B) z* n% Q3 P) s2 @) f
https://ipfs.io/ipfs/QmdSd3xxKcwuMugyLCiLWzaeZKDkuM39R2tzyF3kBFDoaj/portrait.jpeg
+ K$ {9 o4 i/ `; s
9 s" |' l" L ~& r m
- |5 z' f; L- f& E" O
\2 e4 b- `3 Y5 E/ U* P1 \
查看IPFS文件夹对应文件# J, q9 \% P0 P' e
0 t( A( V. w, g. R! d7 [' k4 b或者通过文件的Hash来访问,如访问txt文件的地址:
# j# _/ c$ x! w8 H+ v8 U4 ]* ahttps://ipfs.io/ipfs/QmPEWgwQEHD6qxm5cUivTEZ252T123DvQ5L6HyUDgViQvT0 j7 p5 p" ]! Z: A- Y
* T4 t4 s. P4 A* F4 B- Z/ w( a1 ]
. Y. }+ L" Z5 J' K1 D! D/ F6 a) j# M6 m
通过文件Hash访问查看2 {' b6 S; }7 |, c/ k
9 V5 c9 K: Q& B, o& d
/ U: s6 T @, t$ f. b 6.4 添加简单网页到IPFS节点- 网页效果和项目结构% o/ i: j0 V# Y+ g* R, {
实现一个简单的实时显示系统当前时间的网页,效果如图:
5 Q! G7 B' I/ c
+ k4 a5 D( s- x6 V9 M
; z# a4 _# X/ a5 H0 U1 J
) N/ S1 }, C2 V/ y6 ^. W
$ _$ r! K; A. n0 L: V9 i
IPFS添加简单网页9 p, i; ?# k9 K. D4 N
- k' |2 d! _" G/ [
工程结构如图:
! D% Z4 x. b6 [/ [% g4 Z6 v3 t" I9 |7 {
1 s5 _ @+ n p. k* y' e
; \& [9 j% }$ q c7 ?6 G5 B2 ~, \& K* B0 d' { `, r( ^* E
网页工程结构5 v9 [6 t) `' Q
3 i/ N" L3 Z/ y- ~! A
3 |7 V0 B+ Y: g+ O
实现代码比较简单,这里就不贴代码了。4 }; G1 R& w( T- B% V) `1 D: t
- ipfs命令添加文件夹
; F+ s1 N- E6 Z! l- I) i3 ^% V6 d; dwenzildeiMac: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"命令在新的终端窗口打开运行。. T' }/ U: i1 G4 F, t7 u
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对应文件$ ~+ ~9 z1 X! S2 L# `" T0 s2 e/ [' a
浏览器访问ipfs网关:* u' u9 ^8 T; A2 F p
https://ipfs.io/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD/
+ R5 K: v% l' E; m+ s6 A | E' p5 G! c6 C6 e/ s
4 G8 `" Y9 j) j2 A" e! J1 u
$ [8 X7 w( |) D, R查看IPFS对应网页
- ?/ Y+ m8 o) y: U# Z) P- W
8 L, g# |& j5 C+ K0 ` j# R3 B
. h2 p" s8 f! M% x N6 U 6.5 IPNS绑定节点名- IPNS绑定节点操作
* E' c3 Y5 [! W. w6 R每次修改文件内容后,文件的哈希值就会发生变化。对于网站而言,发布后可能还需要做修改,这时需要IPNS绑定节点名。每次更新网站内容后,重新publish一次更新发布到IPNS即可。, b* X5 j. I3 O7 e, b8 h5 F' O" }
刚才的html根目录的哈希值是QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD,操作如下:% k% M& O4 y: u4 y' I
wenzildeiMac:study wenzil$ ipfs name publish QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDDPublished to QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz: /ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 查看当前节点
. v! R/ M& [) q6 H+ b" ~" Z) `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, _8 \6 J6 B: ?3 U+ q# Z - 验证节点
) Z( t1 R+ V4 J: m& o8 z* m命令为:"ipfs name resolve 节点ID“
+ G' r7 z$ X! }2 R6 MwenzildeiMac:study wenzil$ ipfs name resolve QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/ipfs/QmeG6LKmEfF5s62cySE9ZnU8EifmU46CQTixipfzsZspDD - 访问IPNS对应文件9 ~$ q4 R" F U$ {- `) t1 w
浏览器访问ipfs网关:
. _+ T3 i3 a- q* Whttps://ipfs.io/ipns/QmcXWJqPjCgr1wrReWu2zUT41E5FrrXp2uyyNZRr7jXXrz/
& @# H7 t7 R4 T( @* {. j
" x" C" u }0 |6 ^
* K1 x# n1 n6 `5 Z z
& G$ M' B' }) F8 s6 ?9 X- ]. p
% ^6 s: v$ [! F' Y2 d' l8 Y _
查看IPNS对应网页
+ u2 \ r- q8 ?+ N- j5 X- x+ [/ c8 A. ]
7、IPFS与以太坊DApp开发实战- IPFS与以太坊DApp结合的好处9 c0 f, p6 o# m- G4 b4 S4 s' ]
在以太坊平台上,往区块链写入数据需要花费以太币,调用智能合约执行每一行代码的时候,都需要一定量的gas交易费。区块链存储大数据成本很高,而且不合理。3 \; x, }% y5 a. j% [- j/ ^' a
可以先将文件存储到IPFS,然后得到文件的Hash存储到以太坊区块链中。读取文件的时候,从以太坊区块链中获取文件的Hash,再通过Hash来读取IPFS网络上的文件。
( p0 d1 p% @; _& L6 R6 }: h使用官方提供的ipfs-api,可以很方便地在代码中操作节点将数据上传到IPFS,或者通过Hash从IPFS读取数据。6 Z! ~" l7 h1 |& {/ w/ F7 m
Truffle框架提供了快速搭建包含以太坊智能合约的React项目,可以通过"truffle unbox react"创建工程,然后安装ipfs-api依赖库。于是,可以在前端方便地调用IPFS的接口来读取、上传文件。) G, N9 b8 K5 g/ ]% B1 q
truffle unbox react官网:
) N2 K1 P) m/ [http://truffleframework.com/boxes/react
- c3 D' @2 ]/ k# W$ l - IPFS与DApp开发实战9 W2 o, D6 O: j
话不多说,开始进入实战开发。
$ r$ K1 V: B" j& u7.1 安装Truffle unbox react新建一个空目录"ipfs_dapp",然后执行安装命令9 d- @8 t) E/ ]) n8 k, z
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",修改后完整代码:" ~6 R, v' O0 T7 C# O
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"
) z$ l+ P0 i% z! Ofunction 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"进行智能合约的部署
0 N8 P/ I0 S( p$ P: C5 O( N+ w# h
& I% A- E* C* i1 l
4 P6 t- N; g4 I) a2 Q/ f2 k5 j; c: B/ U* A0 W. ~' i
Remix-IDE部署智能合约; v# V% W3 t6 U# o9 J
% [. ]* b& M! C3 l. ?9 j* ~
2 g4 \! z$ ~: J( R" `* I
: C, R. H" b& H, j! q& u% @% R5 B0 D2 j% g
Remix-IDE部署智能合约-确认# P% u/ y$ `% s* {8 s% A
/ M+ m1 F6 v: _
然后复制智能合约地址,App.js文件中会用到合约地址为:"0xb177d6cf6916f128c9931e610c63208d9c5a40f3"& B* C3 a o% h+ _
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"命令,结果如图:+ s- @& ]9 S; W
& W3 U5 p/ H8 e. z
9 U& @/ m- w7 j
npm_start
( M& P# t9 X7 {; x4 V- O2 l
" U( P5 s6 [ ]5 I4 m: [会自动打开网页,然后上传一张本地图片,之后点击"图片哈希写入区块链"按钮
" l) u/ N' K4 R
0 w& V* K( L M
' K; t5 H8 \6 ?
0 p! R" S1 E4 X, [: S) T. }9 r( w
运行结果16 a1 b4 H0 C* q5 _$ r
! Z7 [ _( N6 E! @" L' k3 ?
最终效果如图:
8 ]" e( I, e7 {* x
2 @0 O% F0 m) T, b3 O* C3 i
0 n9 Y4 O$ @- o0 U; P
, E9 k0 x. S/ T! Q/ X" x8 ?5 u3 E( b, J
运行结果
) Y* q( @! O0 d, i; G1 F& \- ?5 L& P* {- l
访问IPFS网关:
4 E# d3 N% Z. b# k3 g, | T( f. ~https://ipfs.io/ipfs/QmbHptfJfyuGAZxstFYgAVfz33cytR1seTD3ZabBSDd899
) L e. N" v: i2 J发现图片已经成功写入IPFS,如图:
; c1 V" W: G" v, u' E$ L* S2 ^$ g2 V# K) ]1 q" T& Q" q# F/ e
S" L) o0 q( p- Z. ?$ s& Y9 C
' I5 e# ?8 O n/ {6 X9 h. j
- V8 V5 t+ }0 ~6 d1 ~+ K: K
运行结果3( c; g. \! L$ V* J# Z9 A& w/ F
0 G* {! H, t7 R/ Z7 z! L! C, u- ^% `备注:本地IPFS网关端口默认为8080,我的电脑上端口冲突了,系统自动修改为8082。4 Z7 o% e. `% g
搞定,收工。
. c; `0 \2 V4 U N# p2 D! w$ CPS:刚入坑的小白,很多不懂,还请各位大佬多赐教,谢谢!
$ d+ R- z4 U, F6 e
# v" N% y0 X# U3 W! J
|
|