當你嘗試訪問以太坊智能合約以及DApp產生的區塊鏈數據時，可能會發現很難將數據轉換為一種可讀的格式。 The Graph提供了一種用於查詢以太坊和IPFS網絡數據的索引協議，任何人都可以基於其提供的開放API創建併發布索引數據，即subgraph，這使得區塊鏈數據更容易訪問。在這個教程中，我們將學習如何使用The Graph來查詢Aave協議數據，使用的技術棧包括Graphql、JavaScript和Nodejs。
用自己熟悉的語言學習 以太坊DApp開發 ：Java | Php | Python | .Net / C# | Golang | Node.JS | Flutter / Dart
1、訪問The Graph的準備工作
教程的第一步是訪問The Graph網站並查看目前已經支持的協議，例如Uniswap、ERC20、Aave、Compound等等。如果找到了你要提取數據的協議，例如Aave，那麼點擊該協議進入：
你要做的第一件事就是記下來頁面上的地址（1），後面要用這個地址來查詢。在我們的示例中，這個地址就是: https://api.thegraph.com/subgraphs/name/aave/protocol。
左邊的區域（2）給出了一個查詢示例，你可以點擊【play】按鈕來執行。也可以修改查詢示例進行其他測試。
右邊的區域（3）給出了這個subgraph所包含的實體的描述。點擊其中任何一個實體都會給出該實體更詳細的說明信息，包括它的字段以及與其他實體的關係。
2、構造GraphQL查詢語句
在下面的示例中，我們將構造一個簡單的查詢語句，來列出Aave平臺上最新的閃電貸。The Graph的查詢使用GraphQL，如果你還不熟悉GrapQL，可以查看這個教程。
在開始寫GraphQL查詢語句之前，我們還需要先了解下閃電貸在graph中是如何定義的。為此我們可以在左邊搜索FlashLoan實體，查看它包含了哪些內容：
我們的查詢語句將查找最新的10條閃電貸記錄：
{
flashLoans(first: 10, orderBy: timestamp, orderDirection: desc) {
id
reserve {
name
symbol
}
amount,
target,
timestamp
}
}注意閃電貸對象指向另一個實體reserve，即儲備庫。
3、使用NodeJS提交GraphQL查詢
The Graph的用戶界面為測試和開發自己的查詢提供了一個非常好的辦法。現在是時候用JavaScript（或你選擇的其他語言）來實現查詢了。這個過程很簡單，我們只需要將查詢語句通過HTTP POST請求提交給The Graph提供的https訪問端節點。
我們使用axios來處理請求：
npm install axios --save整個代碼看起來是這樣：
const axios = require('axios')
axios.post('https://api.thegraph.com/subgraphs/name/aave/protocol', {
query: `
{
flashLoans(first: 10, orderBy: timestamp, orderDirection: desc) {
id
reserve {
name
symbol
}
amount,
target,
timestamp
}
}
`
})
.then((res) => {
for (const flashsloan of res.data.data.flashLoans) {
console.log(flashsloan)
}
})
.catch((error) => {
console.error(error)
})執行結果類似下圖：
4、總結
正如你看到的，使用The Graph索引過的數據可以讓你避免監聽區塊鏈事件、解碼事件參數或者處理token小數點問題，開發效率和系統穩定性都會得到很大提高。