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

使用React、Ethers

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

}

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

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

讀寫以太坊區塊鏈

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

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

科幻電影《第九區》導演推出基于Avalanche的Web3游戲Off the Grid:4月5日消息，視頻游戲開發商Gunzilla Games今天宣布，推出基于Avalanche的Web3大逃殺射擊游戲Off the Grid (OTG) ，將于今年某個時間正式上線。科幻電影《第九區》導演尼爾·布洛姆坎普是該公司的管理者之一，其構想了整個OTG世界觀。[2023/4/5 13:46:36]

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

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

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

Web3社區NounsDAO將撥款12.5萬美元制作長篇動畫電影:3月15日消息，Web3 社區 NounsDAO 通過一項提案，以制作一部長篇動畫電影，展示其 NFT 角色。第一期的預算定為 12.5 萬美元。根據提案，試播集在 90 天內揭曉，之后 NounsDAO 將決定是否繼續資助該項目。Nouns 成員將被允許為未來的分期付款提交故事情節和想法。[2023/3/15 13:05:05]

exportdefaultApp;

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

npmstart

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

萬馬控股：TomoWeb3將推出Crypto-AIGC工具CHATwo:2月16日消息，萬馬控股（06928.HK）今日在港交所公告，由于AIGC作為數字世界的語言生成語法，TomoWeb3將推出首個Crypto-AIGC的工具CHATwo，是一款智能聊天數字人。利用ChattoEarn經濟模型，打造首個邊聊邊賺的模式，用戶可以通過購買公司發布的任意非同質化代幣數字人，打造屬于自己的數字社交身份。[2023/2/16 12:10:33]

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

接下來，編譯這個合約：

npxhardhatcompile

現在，更新腳本/deploy

main()

);

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

Aptos生態NFT市場Souffl3已接入歐易Web3錢包:據Souffl3官推消息，Aptos生態NFT市場Souffl3已接入歐易Web3錢包，用戶可通過歐易Web3錢包插件端管理及交易Aptos的NFT資產。

據悉，歐易Web3錢包是異構多鏈錢包，支持Aptos、以太坊等超38條公鏈，用戶可在歐易Web3錢包APP及插件端查看Aptos資產，轉賬及Dapp交互。[2022/10/22 16:35:15]

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

聯合廣場風投：啟動“2022 USV分析師計劃”，專注Web3等領域:9月13日消息，據聯合廣場風投（Union Square Ventures）官方網站，該風投已啟動“2022 USV 分析師計劃”，將專注Web3、軟件和氣候三大領域，目前已開放申請，每個分析師將主要支持1-2個合作伙伴。目前聯合廣場風投旗下管理3支基金，一個核心基金專注于投資于種子輪和A輪階段的軟件和 Web3創企、一個機會基金投資于現有投資組合、以及一個氣候基金。[2022/9/13 13:25:43]

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：GREINGTINETIGreen Shiba InuKINGDOG幣jubilantingreviaNaetion

DAI