IPFS 初体验，利用 IPFS 托管你的静态网站

本文最后更新于：5 年前

首先，我们需要知道IPFS是什么？

其实IPFS是一种协议，全称为Inter-Planetary File System，是一种点对点超媒体协议，旨在取代旧的HTTP，使网络更快，更安全，更开放。

我们平常都通过HTTP协议去访问一个网站，我们都知道在我们敲出一个网站后，我们实际上通过这个网址找了了服务器的IP，然后通过IP我们和服务器建立通信。而这种通信的稳定性它取决于对方服务是否可靠，万一挂了，我们肯定无法访问。同时还取决于我们的主干网络是不是通畅，如果那个地方主干网的光纤一不小心被挖断了，那可能导致某个服务就得挂一段时间了。

这也就是我们所说的HTTP趋于超中心化可能存在的隐患。而IPFS就是用来解决这些问题。IPFS让每一个人都可以成为一个服务节点，一旦你上传一个文件到IPFS，你的文件将会被存储在不同的节点，然后你会得到一个由文件内容计算出的加密哈希值。当你通过该哈希值下载你的文件时，IPFS会会使用一个分布式哈希表找到文件所在的节点，取回文件并验证文件数据。这样，就实现了一个分布式的服务节点，既是你自己的节点挂了，你的文件依然可以正常访问。

这篇文章，我们一起通过IPFS搭建一个简单页面。

安装IPFS

首先，我们需要安装IPFS。

在这里找到适合你的平台的安装文件，下载。

然后解压，安装。

1
2
3

$ tar -zxvf go-ipfs_v0.4.18_darwin-amd64.tar.gz
$ cd go-ipfs
$ ./install.sh

查看是否安装完成。

$ ipfs --help
USAGE:

    ipfs - Global p2p merkle-dag filesystem.

这样，们就安装好了ipfs命令。之后，我们初始化一下。

$ ipfs init
initializing IPFS node at /Users/jin/.ipfs
generating 2048-bit RSA keypair...done
peer identity: QmQfPXYpcKWim9yQRhbZxxrgUve5VzHJD7h4miu2oQ6Ubj
to get started, enter:

	ipfs cat /ipfs/QmS4ustL54uo8FzR9455qaxZwuMiUhyvMcX9Ba8nUH4uVv/readme

初始化的过程中，生成了一个公私钥对，正是通过该公钥来标识我们的身份。

看看readme都写了些啥。

$ ipfs cat /ipfs/QmS4ustL54uo8FzR9455qaxZwuMiUhyvMcX9Ba8nUH4uVv/readme
Hello and Welcome to IPFS!

██╗██████╗ ███████╗███████╗
██║██╔══██╗██╔════╝██╔════╝
██║██████╔╝█████╗  ███████╗
██║██╔═══╝ ██╔══╝  ╚════██║
██║██║     ██║     ███████║
╚═╝╚═╝     ╚═╝     ╚══════╝

If you're seeing this, you have successfully installed
IPFS 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

这里有一些帮助文档，你可以先了解一下。

如ipfs cat /ipfs/QmS4ustL54uo8FzR9455qaxZwuMiUhyvMcX9Ba8nUH4uVv/quick-start就可以查看quick-start。

准备一个简单的网页

接下来，我们准备一个简单的页面。

文件 ipfs_file/index.html

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="styles.css">
<html>
    <body>
        <h1>Hello World</h1>
        <p> 我的IPFS</p>
        <a href="https://razeen.me/post/start-ipfs-gateway.html#toc_0"> Back </a> 
    </body>
</html>

文件 ipfs_file/styles.css

body {
    background-color: #ccc;
    text-align: center;
    margin-top: 88px;
}

启动IPFS服务

$ ipfs daemon
Initializing daemon...
Successfully raised file descriptor limit to 2048.
Swarm listening on /ip4/127.0.0.1/tcp/4001
Swarm listening on /ip4/192.168.3.16/tcp/4001
Swarm listening on /ip6/::1/tcp/4001
Swarm listening on /p2p-circuit/ipfs/QmQfPXYpcKWim9yQRhbZxxrgUve5VzHJD7h4miu2oQ6Ubj
Swarm announcing /ip4/127.0.0.1/tcp/4001
Swarm announcing /ip4/192.168.3.16/tcp/4001
Swarm announcing /ip6/::1/tcp/4001
API server listening on /ip4/127.0.0.1/tcp/5001
Gateway (readonly) server listening on /ip4/127.0.0.1/tcp/8080
Daemon is ready

如果你查看了quick-start你应该知道，我们可以通过浏览器来查看一些UI界面，视频等。

如，通过http://localhost:5001/webui,我们可以查看我们刚刚启动的这个IPFS的一些节点情况。

我们还可以看到我们连接了多少节点以及大概分布。

当然还可以查找文件等，这里就不一一说了。

上传文件

然后我们可以通过add将文件上传。

$ ipfs add -r ipfs_file
added QmYN1vzHWT4U61R6GnnJ2H3N76DpZ4JU4xa3r8paDfDdEB ipfs_file/index.html
added Qmea1q1nEPxCsB8y5so2ppNVuKy2kMtFCiBnngiK7A4PY3 ipfs_file/styles.css
added QmSwtxZ5NzJ4cLEm9SX1oeAwcBYevfvb6nhYweXYNSXnNC ipfs_file
 333 B / 333 B [==============================================   ] 100.00