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

使用React、Ethers

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

}

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

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

讀寫以太坊區塊鏈

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

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

阿聯酋自由區與HBAR基金會合作支持Web3初創公司:金色財經報道，阿拉伯聯合酋長國（UAE）的自由區RAK數字資產綠洲（RAK DAO）專門為加密貨幣公司服務，已經與HBAR基金會簽署了一份諒解備忘錄（MOU），通過一個贈款計劃和提供利用Hedera區塊鏈的援助來支持其生態系統成員。

這項合作將使初創企業獲得一項補助計劃，并在技術、營銷和業務發展等領域獲得支持。[2023/7/5 22:19:47]

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

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

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

韓國游戲媒體社區INVEN旗下Web3子公司Vortex Gaming與NEAR基金會達成合作:金色財經報道，韓國游戲媒體INVEN宣布旗下子公司Vortex Gaming與NEAR基金會簽署戰略合作伙伴關系，并同意加入NEAR協議。Vortex Gaming是INVEN旗下基于內容的Web3游戲社區，目前月活躍用戶(MAU)數量達到720萬，雙方將發展和加強NEAR Gaming游戲Web3社區環境，舉辦線下黑客馬拉松和活動以培養開發者環境，并提供全球社交媒體平臺和Gaming Guild等功能。（invenglobal）[2023/6/25 21:58:39]

exportdefaultApp;

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

npmstart

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

Web3內容創作者投資工具開發公司Third Summit完成450萬美元種子輪融資:金色財經報道，總部位于紐約的Web3內容創作者投資工具開發公司Third Summit宣布完成450萬美元種子輪融資，佛羅里達創新資本 (FIC) 領投。Third Summit 專注于構建和投資工具，支持最大化數據上傳、AI組織和Web3集成，幫助創作者從一個單一的通用空間上傳、共享、存儲和協作內容，使獨立內容創作者、小型企業和內部品牌團隊能夠與大型跨國機構和工作室競爭。（finsmes）[2023/4/7 13:49:38]

Band Protocol將支持Desmos Network用戶鏈接Web2個人資料:金色財經報道，跨鏈預言機Band Protocol宣布與去中心化社交媒體Desmos Network達成合作。通過Band Protocol的數據源和預言機腳本，支持Desmos用戶從傳統的中心化Web2社交媒體網絡連接他們的個人資料。Desmos表示，Band Protocol的驗證系統可避免其他人冒充用戶帳戶。Desmos Network是一個基于CosmosSDK的第1層區塊鏈，用于構建去中心化社交網絡。[2022/12/1 21:15:23]

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

接下來，編譯這個合約：

npxhardhatcompile

現在，更新腳本/deploy

Web3身份網絡Quadrata宣布主網上線:7月26日消息，Web3身份網絡Quadrata宣布在以太坊上啟動主網。Quadrata Passport允許用戶證明其“humanity”和KYC/AML狀態，目標是擴大鏈上可訪問的服務范圍。據悉，Quadrata將為用戶提供去中心化身份（DID），并為去中心化應用程序提供合規基礎設施。

此前7月12日消息，Quadrata完成750萬美元種子輪融資，Dragonfly Capital領投，Franklin Templeton、Abra、GSR Ventures、Orange DAO、Fellows Fund、GreatPoint Ventures、August Capital等參投。（Business Wire）[2022/7/26 2:38:59]

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：INGGRETINETIZINGGreen Satoshi Token(SOL)Ethereum Platinumblockchain.infowalletID

TRX