IPFS 二維碼添加的問題(內含上篇資料)

jenkins Pipline 庖丁解牛分享資料

文檔加視頻

鏈接: https://pan.baidu.com/s/19Xjm50AyKh9beP8bdS74tA
提取碼: q3u4

前段時間在知乎上看到「飛向未來」大大早期文章 什麼是IPFS?(三) 中有這樣一段描述:

IPFS 二維碼添加的問題

但是真的是這樣嗎?難道我們真的沒有辦法在一個網站中插入對應二維碼?

結論當然是可以,因爲我們有 IPNS。

下面我將介紹具體的實現步驟:

Step 1: 佔坑

創建一個目錄,添加到 IPFS 網絡,先做好 IPNS 映射,這個過程就相當於在邏輯上先定義一個網站。

$ mkdir demo
$ ipfs add -r demo

added QmUNLLsPACCz1vLxQVkXqqLX5R1X345qqfHbsf67hvA3Nn demo
 0 B / 68 B [---------------------------------------------------------------------------]   0.00%

$ ipfs name public QmUNLLsPACCz1vLxQVkXqqLX5R1X345qqfHbsf67hvA3Nn
Published to QmR94EL86DjAuRQDdYeShG84ahqH4M39VFD8PbToiVobRe: /ipfs/QmUNLLsPACCz1vLxQVkXqqLX5R1X345qqfHbsf67hvA3Nn

此時我們已經可以通過 ipns/QmR94EL86DjAuRQDdYeShG84ahqH4M39VFD8PbToiVobRe 來訪問網站了。

Step 2: 添加網頁

在 demo 目錄下創建 a.html 文件,並且在 a.html 中添加如下內容:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>qrcode demo</title>
</head>

<body style="text-align:center;">
    <h1>this is a ipfs page with qrcode</h1><br/>
    <img src="a.png" />
</body>
</html>

Step 3:添加二維碼

隨便找一個二維碼生成器生成 a.html 對應 IPNS 二維碼,並存放爲 demo/a.png 文件。

IPFS 二維碼添加的問題

此時 demo 目錄結構是這樣:

$ tree demo/

demo/
├── a.png
└── a.html

0 directories, 2 files

Step 4: 更新併發佈網站

依次執行:

$ ipfs add -r demo

added QmNU5XXUpDnAXv88nDTcafKFY3h5LhKLJnkf2XBBGtc8wW demo/a.html
added QmcZhDddySHAdaJa9zKBRkY9SBrDJTWsq5Fn5chCDPXz3j demo/a.png
added QmSUCYnZ6SrGaAs8gaAAmf5tgjYAGMKjwMX3r4k7FxvCx1 demo
 2.23 KiB / 2.36 KiB [==============================================================>---]  94.37%

$ ipfs name publish QmSUCYnZ6SrGaAs8gaAAmf5tgjYAGMKjwMX3r4k7FxvCx1

最後打開瀏覽器訪問地址 https://ipfs.io/ipns/QmR94EL86DjAuRQDdYeShG84ahqH4M39VFD8PbToiVobRe/a.html 將看到剛發佈的 a.html 頁面,幷包含對應二維碼。

IPFS 二維碼添加的問題

到此爲止,這個先有雞還是先有蛋的問題已被我們解決,通過此例可以讓我們加深對 IPNS 的認識。

作者:宋佳洋

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章