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

使用React、Ethers

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

}

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

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

讀寫以太坊區塊鏈

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

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

YGG、Magic Eden等四家公司成立Web3 Games Collective以支持鏈游發展:金色財經報道，Yield Guild Games（YGG）、Game7、Magic Eden 和 Fenix Games 成立Web3 Games Collective以推動鏈游發展，并在投資、開發、生態合作等方面給予支持。[2023/3/24 13:25:14]

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

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

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

exportdefaultApp;

Web3社交平臺Bee Protocol開啟Open Beta版本公測:5月25日消息，Web3社交平臺Bee Protocol于今日發布Open Beta版本，參與Bee Protocol公測，可注冊獲得Bee Protocol Profile白名單。Bee Protocol是一個基于ClassZZ以NFT為底層設施完全去中心化且無需許可的多鏈web3社交圖譜協議。

據悉，Bee Protocol旨在讓創作者擁有個人NFT與社區NFT產生鏈接，形成一個完全可組合的、用戶擁有的社交圖譜。[2022/5/25 3:41:39]

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

npmstart

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

波卡創始人Gavin Wood：Web 3是“后斯諾登時代網絡”，一個非常有趣的社會實驗:金色財經報道，波卡Polkadot創始人Gavin Wood在BlockDown: DeData Conference大會上對互聯網演變發表看法，他表示，因為愛德華·斯諾登事件，讓互聯網感到創建一個全新平臺的緊迫性，他將這種在全球范圍內進行人際互動的方式稱為“后斯諾登時代網絡”（Post-Snowden Web）。展望未來10年或20年，Gavin Wood未來大規模多用戶應用程序框架可以為用戶提供“實際”保證。當被要求預測十年后的Web 3，Gavin Wood回答說：“這將是一個非常有趣的社會實驗，我們將看到世界對隱私、自我主權和透明度的關注，知道系統或服務規則如何運作，非常真實。”[2021/12/4 12:50:10]

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

動態 | Ripple旗下Xpring為開發人員啟動社區web頁面和論壇:據Cointelegraph消息，Ripple的Xpring將為其開發人員平臺啟動一個稱為“開發人員關系”（developer relations）或“DevRel”的社區web頁面和論壇。Xpring網站的一篇博客文章解釋說，Xpring的大多數員工都是在工程和產品部門工作。該帖子寫道：“我們將DevRel視為Xpring的耳朵和嘴巴。” Xpring最初是Ripple的投資部門。在2019年10月，Ripple還推出了一個Xpring開發者平臺，為創作者提供了一個數字化貨幣的平臺。[2020/2/2]

接下來，編譯這個合約：

npxhardhatcompile

現在，更新腳本/deploy

main()

);

現在，我們可以將這個新合約部署到本地或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：GREINGETITINSunny Aggregatorbiking幣王交易所官方下載metis幣還會大漲嗎STINK價格

Gateio