请选择 进入手机版 | 继续访问电脑版

网赚研究院-致富网赚论坛-网赚宝盒-华夏网赚论坛-28网赚-贵族网赚论坛-日付网赚联盟

 找回密码
 立即注册
查看: 52|回复: 0

阜平县吧 IPFS厉害!5分钟即可搭建爱奇艺变形金刚横行末世

发表于 2020-1-15 23:45 | 520 显示全部楼层 |阅读模式

[复制链接]

2万

主题

4万

帖子

8万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
86674
发表于 2020-1-15 23:45 | 显示全部楼层 |阅读模式
这是写在帖子头部的内容这是一个快速教程,将教您怎样:

  • 在当地装备上设备IPFS
  • 在欣赏器中操纵IPFS HTTP API
  • 将数据上传到当地IPFS对等体
  • 操纵IPFS哈希值检索数据并将其表现在欣赏器中
IPFS厉害!5分钟即可搭建爱奇艺  新闻
IPFS上的YouTube

一,安装,初始化IPFS并将其毗连到公用收集

您可以依照以下分析安装,初始化 IPFS 并将其毗连到公共收集。
确保您的API端点在port翻开5001。您可以经过以下方式检查欣赏器中的链接:
http:// localhost:5001 / webui
您将看到以下IPFS状态页面。
留意:加载页面大要必要一分钟。

IPFS厉害!5分钟即可搭建爱奇艺  新闻
IPFS状态页

二,设备我们的Youtube Webapp

在起头操纵IPFS之前,我们必要一个Youtube Web利用步伐的用户界面。让我们克隆以下存储库并移至youtube_on_ipfs:
$ git clone https://github.com/simpleaswater/ipfs.git
$ cd ipfs / tutorials / youtube_on_ipfs
留意:假如看到“未捕捉的DOMException:没法从'Window'读取'localStorage'属性:该文档的拜候被拒绝”毛病,然后操纵apache之类的Web办事器为Web利用步伐供给办事。


三,在欣赏器中操纵IPFS HTTP API

在您喜好的文本编辑器中翻开youtube_on_ipfs仓库。现在,翻开index.html文件。这里我们有一些底子的指导UI。
              YoutubeonIPFS-SimpleAsWater  </script></script>      YoutubeonIPFS                  Upload  ClearList  </script>我们有一个上传按钮id=customFile和一个id=videos的div,在何处我们将加添我们的视频。
为了与我们装备上运转的IPFS对等方举行通讯,我们必须操纵ipfs-http-client,该API经过API端点与IPFS对等方举行交互,以在对等方上载数据。
让我们在该部分中增加CDN剧本链接:
{//GetthecurrentvideoListletvideos=JSON.parse(window.localStorage.getItem("videos"))||[];videos.push(details)//UpdatethevideoListwindow.localStorage.setItem("videos",JSON.stringify(videos));//updateUIupdateUI()}//ShowHumanReadableFileSizesfunctionhumanFileSize(size){vari=Math.floor(Math.log(size)/Math.log(1024));return(size/Math.pow(1024,i)).toFixed(2)*1+&#39;&#39;+[&#39;B&#39;,&#39;kB&#39;,&#39;MB&#39;,&#39;GB&#39;,&#39;TB&#39;];};constupdateUI=()=>{//GetthecurrentvideoListletvideos=JSON.parse(window.localStorage.getItem("videos"))||[];//CleartheUIdocument.getElementById("videos").innerHTML=null//FilltheUIwithallthevideos//UsingJStocreatevideoelementsfor(leti=0;i{window.localStorage.clear()window.location=window.location.href}//UpdatingtheUIonfirstpageloadupdateUI()用户选摘要上传的文件后,我们会将文件转换Blob为ArrayBuffer然后将其上传到IPFS对等方。可是,为了将文件上传到IPFS对等端,首先,我们必要与IPFS对等端毗连。
让我们经过初始化来做到这一点ipfs-http-client:
//TODO:UploadDatatoIPFSpeerusingIPFSHTTPAPIconstresults=awaitipfs.add(e.target.result)在这里,由于我们在构建Web利用步伐的同一装备上运转IPFS对等端,是以可以在上拜候IPFS API端点 localhost:5001。
注:假如您运转的是差此外装备上IPFS同行,然后更换localhost,5001与远程装备的公网IP和端口。



三,将数据上传到当地IPFS对等体



现在,由于我们已毗连到IPFS对等端,是以可以向其中增加视频。让我们操纵ipfs.add以下命令来做到这一点:
//TODO:UploadDatatoIPFSpeerusingIPFSHTTPAPIconstresults=awaitipfs.add(e.target.result)当我们将文件上传到IPFS对等方时,我们将获得一个response(results)类似于以下内容的:
{hash:"QmbL8GTmeCuAJeaQeRaZb8uqZJbRnpDoYpyW51hB43UdTt",path:"QmbL8GTmeCuAJeaQeRaZb8uqZJbRnpDoYpyW51hB43UdTt",size:11989385}

在这里,path是文件的途径(假如我们欠亨报path参数,默以为哈希值),hash是上传文件的哈希值,以及上传文件的巨细。
四,操纵IPFS哈希值检索数据并将其表现在欣赏器中

现在,当我们将视频上传到IPFS时,我们必要将其取回并表现在视频列表中。
要从IPFS对等方检索视频,我们必要视频文件中的hash值。是以,每次上传视频时,我们城市在欣赏器localStorage中存储具体信息,例如称号,哈希和上传视频的巨细(在updateVideoList()中)。
现在,有了哈希,我们将操纵IPFS HTTP Gateway从IPFS对等方检索视频。IPFS Gateway是HTTP端点,您可以在其中传递文件的哈希值以检索它。例如,鄙人面您可以操纵IPFS Gateway命令查阅到网站哈希值QmQToNGFsGMkQe76mRirCvRykJSiRB1JPpRLumyMN7N67T 。
http://gateway.simpleaswater.com:8080/ipfs/QmQToNGFsGMkQe76mRirCvRykJSiRB1JPpRLumyMN7N67T/
现在,让我们在其中增加Gateway端点app.js以表现视频:
//TODO:RetrievetheDatafromtheIPFSpeerusingIPFSGatewayvideoSrc.src=`http://localhost:8080/ipfs/${videos.hash}`

现在在欣赏器中翻开index.html,并经过单击“上传”按钮上传视频文件。

IPFS厉害!5分钟即可搭建爱奇艺  新闻



现在,假如要在IPFS上托管此网站,请选中“操纵IPFS,IPNS和DNSLink托管网站”。
滨合云智团体是中国散布式存储四大独角兽企业之一,中国区块链技术范围十大独角兽企业之一,“区块链+IOT+AI”场景利用的摸索者与深耕者,也是举世顶尖区块链技术研发机构。其总部座落于杭州,旗下具有4家子公司,涵盖散布式存储硬件开辟、芯片制造、技术开辟、以及行业打点计划等生态财富链建立。
滨合云智团体以国产自立可控散布式存储技术办事平台为焦点,努力于散布式存储技术落天时用,聚焦散布式存储技术上卑鄙财富链各项关键技术的探讨和产物开辟,融合先辈技术与打点计划,推出以散布式存储技术赋能实体企业的创新形式,构成从技术端到产物端完整财富链上风,在行业内具有缔造性和领先性,奠基了团体的行业职位和品牌影响力。

免责声明:假如加害了您的权益,请联系站长,我们会实时删除侵权内容,感谢合作!
感激您的阅读
回复

使用道具 举报

0条回复
跳转到指定楼层
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Copyright © 2001-2015 忽悠兄 X3.2 © 2001-2013 Comsenz Inc.

Archiver|手机版|小黑屋| Comsenz Inc.  |网站地图

快速回复 返回顶部 返回列表