web3 技術堆棧丨教你如何利用EVM構建一個全棧dapp_ING

使用React、Ethers

functiongreet()publicviewreturns(stringmemory){returngreeting;}functionsetGreeting(stringmemory_greeting)public{console

}

這是一個非常基本的智能合約。部署后，它會設置一個Greeting變量并公開一個可以調用以返回問候語的函數(greet)。

它還公開了一個允許用戶更新問候語的函數。當部署到以太坊區塊鏈時，這些方法將可供用戶交互。

讀寫以太坊區塊鏈

與智能合約交互的方式有兩種，讀取或寫入/交易。在我們的合同中，greet可以被認為是閱讀，而setGreeting可以被認為是寫作/事務性的。

在寫入或初始化交易時，您必須為要寫入區塊鏈的交易付費。要完成這項工作，您需要支付Gas，這是在以太坊區塊鏈上成功進行交易和執行合約所需的費用或價格。

OKX Web3錢包已上線MPC免私鑰錢包:金色財經報道，徐明星發推稱，OKX Web3錢包已上線MPC免私鑰錢包。據悉，該無私鑰錢包基于MPC技術研發，是市面上第一個2/3的多鏈無私鑰錢包，支持37條公鏈。并首創緊急出口功能，用戶可在緊急場景下，通過完全由自己管理的兩個私鑰分片即可導出私鑰提走資產，實現了真正意義上的去中心化自托管無私鑰錢包。用戶使用OKX賬戶即可輕松創建該錢包，無需再管理復雜的私鑰或者助記詞。[2023/4/4 13:43:39]

只要您只是從區塊鏈中讀取數據而不更改或更新任何內容，您就不需要執行交易，并且這樣做不會產生任何gas或成本。然后，您調用的功能僅由您連接的節點執行，因此您無需支付任何費用，并且讀取是免費的。

在我們的React應用程序中，我們與智能合約交互的方式是使用ethers

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

Immutable Games宣布與三個主要工作室合作開發Web3游戲:金色財經報道，Web3 游戲發行商Immutable的分支機構 Immutable Games宣布與三個主要工作室Bazooka Tango、 Bit Fry Game Studios和Studio 369建立新的合作伙伴關系，進一步擴充其高品質Web3游戲系列。

這三個新團隊是 Immutable Games 擴展產品的一部分，由游戲行業領導者Jennifer Poulson領導。[2023/3/23 13:21:07]

exportdefaultApp;

要對其進行測試，請啟動React服務器：

npmstart

當應用程序加載時，您應該能夠獲取當前問候語并將其注銷到控制臺。您還應該能夠通過與您的MetaMask錢包簽署合約并使用Ether測試幣來更新greeting。

web3初創公司Tesseract宣布完成7800萬美元融資:金色財經報道，前Revolut員工為Tesseract籌集了7800萬美元，這是一家旨在將能源業務代幣化的web3初創公司。?Tesseract已經籌集了3000萬美元的傳統股權，其余金額通過出售其原生代幣籌集。本輪融資的支持者包括風險投資公司Balderton、Lakestar、Accel、Low Carbon、Ribit Capital、Box Group和前一級方程式賽車手Nico Rosberg。[2022/9/7 13:14:22]

請注意，此代幣合約僅用于演示目的，不符合ERC20。我們將在這里介紹ERC20代幣該合約將創建一個名為“NaderDabitToken”的新代幣，并將供應量設置為1000000。

接下來，編譯這個合約：

npxhardhatcompile

現在，更新腳本/deploy

main()

數據：Worldwide Webb NFT24小時交易額達199萬美元，增幅達2,218.19%:4月13日消息，根據NFTGo.io數據顯示，Worldwide Webb Land NFT 24小時交易額達199萬美元，增幅達2,218.19%。截至目前，該系列NFT地板價為1.69 ETH，24小時漲幅24.73%。

此前消息，4月12日，像素元宇宙Worldwide Webb發推表示，將根據元宇宙內的土地所有人進行空投，此次空投包括資源、Token、投票權、稀有物品以及特殊事件的線索，其他相關信息暫未透露。[2022/4/13 14:22:23]

);

現在，我們可以將這個新合約部署到本地或Ropsten網絡：

npxhardhatrunscripts/deploy

asyncfunctionfetchGreeting(){if(typeofwindow

}asyncfunctionsetGreeting(){if(!greeting)returnif(typeofwindow

}return(<divclassName="App"><headerclassName="App-header"><buttononClick={fetchGreeting}>FetchGreeting</button><buttononClick={setGreeting}>SetGreeting</button><inputonChange={e=>setGreetingValue(e

exportdefaultApp;

接下來，運行應用程序：

npmstart

我們應該能夠單擊“獲取余額”并看到我們的帳戶中有1,000,000個幣已登出到控制臺。

您還應該能夠通過單擊導入代幣在MetaMask中查看它們：

通過擴展原始ERC20代幣，您的代幣將繼承以下所有功能和功能：

functionname()publicviewreturns(string)functionsymbol()publicviewreturns(string)functiondecimals()publicviewreturns(uint8)functiontotalSupply()publicviewreturns(uint256)functionbalanceOf(address_owner)publicviewreturns(uint256balance)functiontransfer(address_to,uint256_value)publicreturns(boolsuccess)functiontransferFrom(address_from,address_to,uint256_value)publicreturns(boolsuccess)functionapprove(address_spender,uint256_value)publicreturns(boolsuccess)functionallowance(address_owner,address_spender)publicviewreturns(uint256remaining)

部署后，您可以使用這些功能中的任何一個與新的智能合約進行交互。有關ERC20代幣的另一個示例，請查看[Soliditybyexample)(https://solidity-by-example.org/app/erc20/)

結論

好的，我們在這里涵蓋了很多內容，但對我來說，這是開始使用這個堆棧的基本知識/核心，這也是我想要擁有的東西，不僅作為一個正在學習所有這些東西的人，而且在未來，如果我需要參考我將來可能需要的任何東西。我希望你學到了很多。

如果您想在MetaMask之外支持多個錢包，請查看Web3Modal，它可以通過相當簡單且可自定義的配置輕松地在您的應用中實現對多個提供商的支持。

在我未來的教程和指南中，我將深入研究更復雜的智能合約開發，以及如何將它們部署為子圖以在它們之上公開GraphQLAPI并實現分頁和全文搜索等功能。

我還將介紹如何使用IPFS和Web3數據庫等技術以去中心化的方式存儲數據。

如果您對未來的教程有任何問題或建議，請在此處發表評論并告訴我。

Tags：GREINGTINETIGREENFLOKI價格SWINGBYPlatinumBARmetis幣漲到1萬美金

ETH