这是一个快速教程,将教您如何: 在本地设备上设置 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 脚本链接<head>: 现在,我们可以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 托管网站”。 End 非常感谢您对 IPFS&Filecoin 项目的持续支持。我们很高兴继续与您一起,为人类信息建立一个强大的,去中心化和高效的基础。 FilCloud 帮你迅速了解 IPFS 领域的热点技术和应用 公众号:filcloud 本文来源:FilCloud —- 编译者/作者:FilCloud 玩币族申明:玩币族作为开放的资讯翻译/分享平台,所提供的所有资讯仅代表作者个人观点,与玩币族平台立场无关,且不构成任何投资理财建议。文章版权归原作者所有。 |
IPFS教程:使用IPFS构建Youtube
2020-06-05 FilCloud 来源:火星财经
LOADING...
相关阅读:
- Dogechain API用于加密劫持2020-08-01
- 首届“1475IDC机房开放日”顺利完成——走进千岛湖机房,探索矿机秘密2020-07-31
- 解析Filecoin与IPFS项目中“头矿”2020-07-31
- 黑犇科技:稳定的存储是Filecoin的基本要求2020-07-31
- 一文了解Filecoin奖励测试网最新信息2020-07-31