首頁 web前端 css教學 使用Redwood.js和Fauna構建以太坊應用

使用Redwood.js和Fauna構建以太坊應用

Mar 28, 2025 am 09:18 AM

該教程展示了使用Redwood.js和Faunadb構建以太坊應用程序,該應用程序是從發射器Monorepo分叉的。它著重於用Faunadb替換原始的Heroku數據庫,突出了Fauna的酸保證並易於與GraphQl集成。

使用Redwood.js和Fauna構建以太坊應用

該教程對以太坊,Redwood.js或Faunadb熟悉。以太坊的新移民針對經過改進的以太坊開發人員頁面以獲取資源。該項目在NFT鑄造和拍賣的背景下利用超氟用於實時財務應用。

關鍵步驟:

  1. 設置:克隆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 )。

  2. 添加動物群:安裝faunadbgraphql-requestyarn workspace api add faunadb graphql-request )。 PrismAclient在api/src/lib/db.jsapi/src/functions/graphql.js中替換為FAUNADB客戶端實例。創建了一個新文件, api/src/lib/fauna-client.js來管理Fauna客戶端。

  3. GraphQl架構集成:創建一個新文件, api/src/graphql/fauna-schema-to-import.gql ,以將三個單獨的模式拼接在一起。然後將此架構導入到FAUNA數據庫中。隨後,對三個獨立的模式文件( auctions.sdl.jsbids.sdl.jsweb3.sdl.js )進行了更新以反映Fauna架構。注意:由於FAUNA的GraphQl API不支持自定義標量,因此需要進行一些修改,尤其是在api/src/services/auctions/auctions.js中,以處理pastAuctions字段和其他數據不一致。該教程為這些更改提供了差異,強調了將FQL(FAUNA查詢語言)用於數據庫交互的使用。

  4. 服務更新:教程詳細介紹了auctions.jsbids.jsweb3.js服務文件的重大修改,用faunadb fql查詢替換Prisma呼叫。這些變化是通過差異來詳細介紹的,突出了向動物功能查詢方法的過渡。 web/src/components/AuctionCell/AuctionCell.js中的最終調整解決了渲染問題。

結論:

完成這些步驟並運行yarn rw dev後,該應用程序應以FaunADB作為後端發揮作用。該教程確認了剩下的兩個問題:一條錯誤消息,需要在NFT創建後刷新頁面,以及NFT詳細信息頁面的渲染問題。作者鼓勵社區貢獻解決這些問題。完整的項目可在Github上找到。

以上是使用Redwood.js和Fauna構建以太坊應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1675
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
靜態表單提供商的比較 靜態表單提供商的比較 Apr 16, 2025 am 11:20 AM

讓我們嘗試在這裡造成一個術語:“靜態表單提供商”。你帶上html

使Sass更快的概念證明 使Sass更快的概念證明 Apr 16, 2025 am 10:38 AM

在一個新項目開始時,Sass彙編發生在眼睛的眨眼中。感覺很棒,尤其是當它與browsersync配對時,它重新加載

每周平台新聞:HTML加載屬性,主要的ARIA規格以及從iframe轉移到Shadow dom 每周平台新聞:HTML加載屬性,主要的ARIA規格以及從iframe轉移到Shadow dom Apr 17, 2025 am 10:55 AM

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

帶有HTML對話框元素的一些動手 帶有HTML對話框元素的一些動手 Apr 16, 2025 am 11:33 AM

這是我第一次查看HTML元素。我已經意識到了一段時間,但是尚未將其旋轉。它很酷,

紙張形式 紙張形式 Apr 16, 2025 am 11:24 AM

購買或建造是技術的經典辯論。自己構建東西可能會感覺更便宜,因為您的信用卡賬單上沒有訂單項,但是

託管您自己的非JavaScript分析的選項 託管您自己的非JavaScript分析的選項 Apr 15, 2025 am 11:09 AM

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

'訂閱播客”鏈接應在哪裡? '訂閱播客”鏈接應在哪裡? Apr 16, 2025 pm 12:04 PM

有一段時間,iTunes是播客中的大狗,因此,如果您將“訂閱播客”鏈接到喜歡:

See all articles