溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“ipfs-api訪問IPFS的方法是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“ipfs-api訪問IPFS的方法是什么”文章吧。
星際文件系統Ipfs節點提供和REST API接口，可供我們在程序代碼中操作節點進行文件的上傳等操作。不過大多數情況下，我們并不需要直接操作這個REST開發接口，而是使用經過封裝的更友好的ipfs-api，一個nodejs包。
到官網下載nodejs安裝包：32位，64位。下載后雙擊進行安裝即可。
開一個控制臺窗口，測試：
C:\Users\hubwiz> node -v V8.11.1
Ipfs-api的安裝需要git命令行，因此我們先安裝git。從官網下載git安裝包：32位，64位。下載后雙擊安裝即可。
執行git命令測試：
D:\test-ipfs-api> git version git version 2.16.2.windows.1
ipfs-api需要編譯原生node模塊，因此需要安裝VisualStudio 2015和python27。
官網下載VisualStudio 2015社區版，雙擊安裝即可。 官網下載Python27安裝包，雙擊安裝并設置PATH環境變量使python可用。
重新開一個控制臺，使環境變量生效。現在安裝ipfs-api：
D:\test-ipfs-api> npm install ipfs-api + ipfs-api@20.0.1 added 1 package, updated 1 package and moved 1 package in 22.138s
在D:\test-ipfs-api目錄下創建一個測試腳本test.js：
const ipfsAPI = require('ipfs-api')
const ipfs = ipfsAPI('localhost', '5001', {protocol: 'http'})
const buffer = Buffer.from('this is a demo')
ipfs.add(buffer)
.then( rsp => console.log(rsp[0].hash))
.catch(err => console.error(err))執行這個腳本：
D:\test-ipfs-api> node test.js QmfQS4vm9YZTAyGZEkDqm81xripwsK3NgqfNkbCdoeEw5i
也就是說，我們將內容this is a demo添加到本地倉庫后，得到哈希值 QmfQS4vm9YZTAyGZEkDqm81xripwsK3NgqfNkbCdoeEw5i。現在可以使用cat子命令來查看這個哈希值對應的內容：
D:\test-ipfs-api> ipfs cat QmfQS4vm9YZTAyGZEkDqm81xripwsK3NgqfNkbCdoeEw5i
控制臺會輸出我們之前上傳的內容：
this is a demo
ipfs進入監聽狀態后，提供了一個http網關，讓我們可以使用瀏覽器來訪問ipfs上的內容。網關默認在本機（127.0.0.1）的8080端口監聽，因此使用你的瀏覽器訪問這個URL：
http://127.0.0.1:8080/ipfs/QmfQS4vm9YZTAyGZEkDqm81xripwsK3NgqfNkbCdoeEw5i
同樣可以看到我們之前上傳的內容。 注意：需要首先啟動監聽器（ipfs daemon）并且你的瀏覽器和ipfs節點在同一臺計算機。 ?
ipfs-api也支持在browser使用。最簡單的方法是使用專門針對瀏覽器的封裝庫，在html中引用即可：
<script src="https://unpkg.com/ipfs-api/dist/index.js"></script>
這個特別封裝的庫會創建一個全局對象ipfsAPI，我們在瀏覽器腳本中可以直接使用，例如：
var ipfs = window.IpfsApi('localhost', '5001')這種方法比較簡單，因此下文不再描述。接下來我們將使用更加工程化的方法， 采用webpack來直接在前端腳本中使用ipfs-api的nodejs包。
在D:\test-ipfs-api目錄下創建index.html：
<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <textarea id="content">THIS IS ANOTHER DEMO</textarea> <button id="upload">Upload</button> <script src="./bundle.js"></script> </body> </html>
我們的目標是，當點擊按鈕時，我們將文本框的內容上傳到ipfs
在D:\test-ipfs-api目錄下編寫腳本app.js：
import ipfsAPI from 'ipfs-api'
const ipfs = ipfsAPI('localhost', '5001', {protocol: 'http'})
window.addEventListener('load', function() {
let btn = document.querySelector('#upload')
let txt = document.querySelector('#content')
btn.addEventListener('click',()=>{
let buffer = Buffer.from(txt.value, 'utf-8');
ipfs.add(buffer)
.then( rsp => console.log(rsp[0].hash))
.catch(err => console.error(err))
})
})在D:\test-ipfs-api目錄下編寫配置文件webpack.config.js：
const webpack = require('webpack');
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
entry: './app.js',
output: {
path: path.resolve(__dirname),
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
presets: ['es2015'],
plugins: ['transform-runtime']
}
}
]
}
}執行webpack打包：
D:\test-ipfs-api> webpack
由于需要從網頁中訪問ipfs節點，這就引入了跨域安全問題，因此我們需要配置ipfs節點使其允許跨域請求：
D:\>ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '["*"]'
由于ipfs節點默認在本機（127.0.0.1）的5001端口監聽API請求，因此如果你的瀏覽器和ipfs節點不在同一臺機器上，需要讓ipfs節點監聽公開地址：
D:\> ipfs config --json Addresses.API '"/ip4/0.0.0.0/tcp/5001"'
當然，如果你的瀏覽器和ipfs節點在同一臺機器上，就不需要進行這個配置了。
由于ipfs節點旳http網關默認在本機（127.0.0.1）的8080端口監聽http請求，因此如果你的瀏覽器和ipfs節點不在同一臺機器上，就需要讓ipfs網關監聽公開地址：
D:\> ipfs config --json Addresses.Gateway '"/ip4/0.0.0.0/tcp/8080"'
首先啟動ipfs監聽：
D:\>ipfs daemon
然后在測試目錄下啟動web服務器，這里使用python內置的簡單服務器，當然你可以使用任何熟悉的web服務器：
D:\test-ipfs-api> python –m SimpleHTTPServer Serving HTTP on 0.0.0.0 port 8000 ...
現在打開你的瀏覽器，訪問http://127.0.0.1:8000/，一切順利的話，你可以看到一個文本框和一個按鈕，點擊按鈕，即可將文本框的內容上傳到ipfs節點。
以上就是關于“ipfs-api訪問IPFS的方法是什么”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
