手机版

星际文件系统课程:用星际文件系统构建Youtube

时间:2021-07-14 15:07:01|浏览:

这是一个迅速课程,将教你怎么样:

在当地设施上设置星际文件系统

在浏览器中用星际文件系统 HTTP API

将数据上传到当地星际文件系统对等体

用星际文件系统哈希值检索数据并将其显示在浏览器中

YouTube用星际文件系统

你可以根据以下说明进行安装,初始化星际文件系统并将其连接到公共互联网。

确保在端口5001中打开了API端点。你可以通过以下方法在浏览器中检查链接:

http://当地主机:5001 / webui

你将看到以下星际文件系统状况页面。

注意:此页面可能需要一分钟才能加载。

星际文件系统 Web控制台

在开始用星际文件系统之前,大家需要一个Youtube Web应用程序的用户界面。让大家克隆以下存储库,然后移至youtube_on_ipfs:

youtube_on_ipfs在你喜欢的文本编辑器中打开仓库。目前,打开index.html文件。

在这里,大家有一些基本的指南UI。大家有一个ID = customFile的上传按钮和一个ID = id柚子币的p,大家将在其中填充视频。

为了与运行在大家设施上的星际文件系统对等体进行通信,大家需要用ipfs-http-client,该推广客户端通过API端点与星际文件系统对等体进行交互以在对等体上上传数据。

让大家在此部分中添加CDN脚本链接:

目前,大家可以从浏览器访问ipfs-http-client。

让大家看一下JS / app.js。在这里,大家管理Web应用程序的所有逻辑。

用户选择要上传的文件后,大家会将文件转换为Blob,ArrayBuffer,然后将其上传到星际文件系统对等端。但,为了将文件上传到星际文件系统对等端,第一,大家需要与星际文件系统对等端连接。

让大家通过初始化ipfs-http-client来做到这一点:

在这里,当大家在构建Web应用程序的同一设施上运行星际文件系统对等时,大家可以访问localhost:5001上的星际文件系统 API端点。

注意:假如要在其他设施上运行星际文件系统对等项,请将localhost:5001替换为远程设施的公共IP和端口。

目前大家已连接到星际文件系统对等端,大家可以向其添加视频了。让大家用ipfs.add:

当大家将文件上传到星际文件系统对等方时,大家将获得一个response(),其结果像以下内容:

在这里,path是文件的路径(假如大家不传递path参数,则hash默觉得hash值),上传文件的哈希值与上传文件的大小。

目前,当大家将视频上传到星际文件系统时,大家需要对其进行检索并将其显示在视频列表中。

要从星际文件系统对等方检索视频,大家需要对视频文件进行哈希处置。因此,每次大家上传视频时,大家的详细情况名字,哈希值和大小都会在浏览器localStorage中(在updateVideoList()中)上传。

目前,通过哈希,大家将用星际文件系统 HTTP网关从星际文件系统对等方检索视频。 星际文件系统网关是HTTP端点,你可以在其中传递文件的哈希值以检索它。

比如,在下面,你可以

QmQToNGFsGMkQe76mRirCRykJSiRB1JPpRLumyMN7N67T

用星际文件系统网关查询带有哈希值的网站。

http://gateway.simpleaswater.com:8080/ipfs/QmQToNGFsGMkQe76mRirCRyk

目前,让大家在app.js中添加Gateway端点以显示视频:

目前,在浏览器中打开index.html,然后单击“上传”按钮以上传视频文件。

目前,假如要在星际文件系统上推广托管此网站,请选中“用星际文件系统,IPNS和DNSLink推广托管该网站”

Copyright © 2002-2021 okcoin比特币交易平台 (http://www.chinadovey.com) 网站地图 TAG标签