使用Redwood.js和Fauna構建以太坊應用
該教程展示了使用Redwood.js和Faunadb構建以太坊應用程序,該應用程序是從發射器Monorepo分叉的。它著重於用Faunadb替換原始的Heroku數據庫,突出了Fauna的酸保證並易於與GraphQl集成。
該教程對以太坊,Redwood.js或Faunadb熟悉。以太坊的新移民針對經過改進的以太坊開發人員頁面以獲取資源。該項目在NFT鑄造和拍賣的背景下利用超氟用於實時財務應用。
關鍵步驟:
設置:克隆
redwood-eth-with-fauna
存儲庫,安裝依賴項(yarn
)和配置環境變量(包括您的Infura Project ID和Fauna Secret API密鑰)。關鍵步驟涉及將contentHash
字段添加到api/prisma/schema.prisma
和運行數據庫遷移的Auction
模型(yarn rw db save redwood-eth-with-fauna && yarn rw db up
)。添加動物群:安裝
faunadb
和graphql-request
(yarn workspace api add faunadb graphql-request
)。 PrismAclient在api/src/lib/db.js
和api/src/functions/graphql.js
中替換為FAUNADB客戶端實例。創建了一個新文件,api/src/lib/fauna-client.js
來管理Fauna客戶端。GraphQl架構集成:創建一個新文件,
api/src/graphql/fauna-schema-to-import.gql
,以將三個單獨的模式拼接在一起。然後將此架構導入到FAUNA數據庫中。隨後,對三個獨立的模式文件(auctions.sdl.js
,bids.sdl.js
和web3.sdl.js
)進行了更新以反映Fauna架構。注意:由於FAUNA的GraphQl API不支持自定義標量,因此需要進行一些修改,尤其是在api/src/services/auctions/auctions.js
中,以處理pastAuctions
字段和其他數據不一致。該教程為這些更改提供了差異,強調了將FQL(FAUNA查詢語言)用於數據庫交互的使用。服務更新:教程詳細介紹了
auctions.js
,bids.js
和web3.js
服務文件的重大修改,用faunadb fql查詢替換Prisma呼叫。這些變化是通過差異來詳細介紹的,突出了向動物功能查詢方法的過渡。web/src/components/AuctionCell/AuctionCell.js
中的最終調整解決了渲染問題。
結論:
完成這些步驟並運行yarn rw dev
後,該應用程序應以FaunADB作為後端發揮作用。該教程確認了剩下的兩個問題:一條錯誤消息,需要在NFT創建後刷新頁面,以及NFT詳細信息頁面的渲染問題。作者鼓勵社區貢獻解決這些問題。完整的項目可在Github上找到。
以上是使用Redwood.js和Fauna構建以太坊應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

在本週的平台新聞綜述中,Chrome引入了一個用於加載的新屬性,Web開發人員的可訪問性規範以及BBC Move

有很多分析平台可幫助您跟踪網站上的訪問者和使用數據。也許最著名的是Google Analytics(廣泛使用)
