本教程將學(xué)習(xí)如何把一個(gè)網(wǎng)站上傳到IPFS網(wǎng)絡(luò)上，并且通過(guò)一個(gè)簡(jiǎn)單的名字來(lái)訪問(wèn)。
首先，我們已經(jīng)通過(guò)React創(chuàng)建了一個(gè)Web應(yīng)用，dist目錄下有以下文件：
- index.html
- bundle.js
其中index.html文件中包含bundle.js
<html>
<head>
<title>IPFS上傳示例</title>
<link rel="stylesheet" >
</head>
<body>
<div id='uploader'></div>
<div id="sendethereum"></div>
<script src="bundle.js"></script>
</body>
</html>
本案例是一個(gè)IPFS文件上傳工具，效果如下圖：
第一步：上傳
將index.html和bundle.js兩個(gè)文件上傳到IPFS網(wǎng)絡(luò)。
推薦方法：使用Orion（點(diǎn)擊這里下載）或者IPFS原力區(qū)開(kāi)發(fā)的上傳工具上傳，上傳成功后，獲取Hash值：QmZcF1vwL4g1iwXt3ewLAPgNSY3JEvFkfZHh56UNE5VLLd
第二步：在網(wǎng)關(guān)中打開(kāi)網(wǎng)頁(yè)
https://ipfs.infura.io/ipfs/QmZcF1vwL4g1iwXt3ewLAPgNSY3JEvFkfZHh56UNE5VLLd/
第三步：轉(zhuǎn)到IPNS上
執(zhí)行命令：
ipfs name publish QmZcF1vwL4g1iwXt3ewLAPgNSY3JEvFkfZHh56UNE5VLLd
稍等片刻，出現(xiàn)：
Published to QmYaQBZKiA69Zdnv8EECK9HFEyQtzKBW7fP1hEqvFN9YaG: /ipfs/QmZcF1vwL4g1iwXt3ewLAPgNSY3JEvFkfZHh56UNE5VLLd
其中QmYaQBZKiA69Zdnv8EECK9HFEyQtzKBW7fP1hEqvFN9YaG就是IPNS地址。
點(diǎn)擊這里訪問(wèn)
效果和用ipfs方式訪問(wèn)一樣，只是這里已經(jīng)把鏈接固定成了ipns。
