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

使用React、Ethers

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

}

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

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

讀寫以太坊區塊鏈

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

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

ConsenSys高管：抽象帳戶將推動亞洲10億用戶轉向Web3:金色財經報道，以太坊軟件解決方案提供商ConsenSys的一位高管表示，抽象賬戶（也稱為“智能賬戶”）最終可能會讓亞洲地區的10億用戶轉向Web3。ConsenSys戰略計劃總監Laura Shi表示，以太坊和Web3生態系統今年在亞洲出現了強勁擴張。更多的dApp正在改善亞洲市場的用戶體驗，包括引入亞洲語言支持。這種擴張主要是由零知識以太坊虛擬機（zkEVM）的推出和Optimistic rollups的大規模采用推動的。[2023/7/5 22:18:48]

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

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

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

寶可夢公司正在招募Web3人才:金色財經報道，任天堂和游戲開發商Game Freak and Creatures的合資公司The Pokémon Company（寶可夢公司）正在尋找已經扎根于Web3行業的人才。

據寶可夢公司招聘信息顯示，該公司需要對包括區塊鏈技術、NFT和/或元宇宙這些Web3領域有深入理解的人才，還要求申請人與Web3和元宇宙技術領域的投資者和企業家網絡密切相關。不過，相關崗位信息沒有透露寶可夢公司的潛在Web3舉措，也不清楚是否會推出NFT或區塊鏈游戲。（Decrypt）[2023/3/11 12:56:42]

exportdefaultApp;

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

npmstart

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

世界乒聯與NFT Tech合作推出Web3計劃:金色財經消息，世界乒聯宣布與NFT Tech合作推出Web3計劃，包括數字藏品、元宇宙、Play-to-Earn、Move-to-Earn等，旨在推廣乒乓球運動。（CoinDesk）[2022/8/11 12:17:28]

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

RareLink聯合創始人：當前從Web2徹底轉向Web3的過程中仍有兩個絆腳石:3月17日消息，在“New Paradigm”系列活動第一期《Web 3.0的下一代基礎設施是什么？》主題分享中，RareLink聯合創始人Kai-Tai Chang認為，當前從Web2徹底轉向Web3的過程中仍有兩個絆腳石。一方面，許多自稱去中心化的應用程序遠非真正去中心化：所產生的數據依然儲存在中心化的企業云上，因此它們的訪問仍然依賴于傳統的基礎設施。另一方面，許多Web3的應用程序仍舊在交易費用昂貴，吞吐量有限和外部設施非常基礎的以太坊底層上運行，因此其可擴展性十分有限。[2022/3/17 14:03:00]

接下來，編譯這個合約：

npxhardhatcompile

現在，更新腳本/deploy

main()

);

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

Karen：BitDNS的DWeb4.0將構建純粹的去中心化生態:1月5日20:00, BitDNS CEO Karen作客MXC抹茶社區，就“BitDNS去中心化域名解析”作出分享。

Karen表示：“BitDNS致力于打造一個去中心化的云計算平臺，并以此來搭建實現Dweb4.0的核心基礎設施，我們的愿景是構建一個純粹的去中心化網絡生態系統。據白皮書顯示，未來基于BitDNS去中心化云計算平臺的服務內容將包含：彈性計算、邊緣計算、物聯網、分布式AI計算、分布式應用程序組件，應用場景包括：網站、APP服務器、論壇、博客、聊天工具、云電腦、云直播、云游戲、電商/O2O等等。其中，BitDNS的域名解析技術將作為實現和去中心化云計算平臺的核心組件和關鍵的互連工具。”

據了解，MXC抹茶創新區將于1月6日20時上線DNS并開啟USDT交易，現已開啟新幣挖礦活動。[2021/1/5 16:30:17]

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：GREINGTINETIBitDegreePINGTinkuCoinMETIS幣

加密貨幣