這是一個快速教程，將教您如何：
在本地裝置上設定 IPFS
在瀏覽器中使用 IPFS HTTP API
將資料上傳到本地 IPFS 對等體
使用 IPFS 雜湊值檢索資料並將其顯示在瀏覽器中
使用 IPFS 的 YouTube
安裝，初始化 IPFS
您可以按照以下說明安裝，初始化 IPFS 並將其連線到公共網路。
確保您的 API 端點在 port 開啟 5001。您可以透過以下方法檢查瀏覽器中的連結：
http：// localhost：5001 / webui
您將看到以下 IPFS 狀態頁面。
注意：該頁面可能需要一分鐘才能載入。
IPFS Web 控制檯
設定我們的 Youtube Webapp
在開始使用 IPFS 之前，我們需要一個 Youtube Web 應用程式的使用者介面。讓我們克隆以下儲存庫並移至youtube_on_ipfs：
在瀏覽器中使用 IPFS HTTP API
youtube_on_ipfs在您喜歡的文字編輯器中開啟倉庫。現在，開啟 index.html 檔案。
這裡我們有一些基本的引導 UI。我們有一個上傳按鈕id=customFile和一個div與id=videos在那裡我們將填充我們的影片。
為了與我們裝置上執行的 IPFS 對等體進行通訊，我們必須使用ipfs-http-client，該 API 透過 API 端點與 IPFS 對等體進行互動，以在對等體上上傳資料。
讓我們在該部分中新增 CDN 指令碼連結：
現在，我們可以ipfs-http-client從瀏覽器訪問了。
讓我們看一下 JS/app.js。在這裡，我們管理 Web 應用程式的所有邏輯。
使用者選擇要上傳的檔案後，我們會將檔案轉換Blob為，ArrayBuffer然後將其上傳到 IPFS 對等方。但是，為了將檔案上傳到 IPFS 對等端，首先，我們需要與IPFS對等端連線。
讓我們透過初始化來做到這一點ipfs-http-client：
在這裡，當我們在構建 Web 應用程式的同一裝置上執行 IPFS 對等時，我們可以訪問 localhost：5001上的 IPFS API 端點。
注意：如果要在其他裝置上執行IPFS對等項，則將localhost：5001替換為遠端裝置的公共IP和埠。
將資料上傳到本地 IPFS 對等體
現在，由於我們已連線到 IPFS 對等端，因此可以向其中新增影片。讓我們使用 ipfs.add：
當我們將檔案上傳到 IPFS 對等方時，我們將獲得一個results類似於以下內容的 response（）：
在這裡，path是檔案的路徑（如果我們不透過 path 引數，hash則預設為雜湊值），是上傳檔案的雜湊值，以及size上傳檔案的大小。
使用 IPFS 雜湊值檢索資料
現在，當我們將影片上傳到 IPFS 時，我們需要將其取回並顯示在影片列表中。
要從 IPFS 對等方檢索影片，我們需要hash影片檔案中的。所以，每次當我們上傳影片，我們的細節name，hash以及size在瀏覽器中上傳的影片localStorage（中updateVideoList()）。
現在，有了雜湊，我們將使用 IPFS HTTP 閘道器從 IPFS 對等方檢索影片。IPFS 閘道器是 HTTP 端點，您可以在其中傳遞檔案的雜湊值以檢索它。
例如，在下面，您可以
QmQToNGFsGMkQe76mRirCvRykJSiRB1JPpRLumyMN7N67T
使用 IPFS 閘道器檢視帶有雜湊值的網站。
http://gateway.simpleaswater.com:8080/ipfs/QmQToNGFsGMkQe76mRirCvRyk
現在，讓我們在 app.js 中新增 Gateway 端點以顯示影片：
現在，在瀏覽器中開啟 index.html，然後單擊“上傳”按鈕上傳影片檔案。
現在，如果要在 IPFS 上託管此網站，請選中“使用 IPFS，IPNS 和 DNSLink 託管網站”。
