TPS:以太坊全棧開發完全指南

譯文出自：登鏈翻譯計劃

譯者：翻譯小組

校對：Tiny熊

本項目的代碼在這里

我最近加入了Edge&Node，擔任開發者關系工程師，并一直在深入研究以太坊的智能合約開發。我已經確定了我認為用Solidity構建全棧dApps的最佳技術棧：

??客戶端框架-React

??以太坊開發環境-Hardhat

??以太坊Web客戶端庫-Ethers

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

}

這是一個非常簡單的智能合約，在部署時，設置了一個Greeting變量，并公開了一個返回問候語的函數(greet)。

它還有一個允許用戶更新問候語的函數。當部署到以太坊區塊鏈后，用戶可以和這些方法交互。

我們對智能合約做一個小小的修改。由于我們在hardhat

//callthesmartcontract,readthecurrentgreetingvalueasyncfunctionfetchGreeting(){if(typeofwindow

數據：前500個以太坊巨鯨過去24小時買入的十大代幣包含SYN:2月12日消息，WhaleStats數據顯示，Synapse（SYN ）成為前500個以太坊巨鯨錢包過去24小時買入的十大代幣之一。[2023/2/12 12:01:57]

exportdefaultApp;

啟動React服務器，測試一下：

npmstart

當應用程序加載時，你應該能夠獲取當前的問候語并打印到控制臺。也應該可以通過MetaMask錢包簽名交易來進行更新問候語。

設置和獲取問候值

部署和使用真實測試網絡

有幾個以太坊測試網絡，如Ropsten、Rinkeby或Kovan，我們也可以部署到這些網絡上，以使合約有一個可公開訪問的版本，而不必將其部署到主網。在本教程中，我們將部署到Ropsten測試網絡中。

首先，先更新你的MetaMask錢包，連接到Ropsten網絡。

Ropsten網絡

接下來，通過訪問本測試水龍頭，給自己發送一些測試以太，以便在本教程的后面使用。

我們可以通過注冊類似Infura或Alchemy這樣的服務來訪問Ropsten(或其他任何測試網絡)，本教程我使用的是Infura。

一旦你在Infura或Alchemy中創建了應用程序，你會得到一個類似于這樣的節點URL：

攻擊Ronin的黑客向新地址轉入超過2000枚以太坊，并向Tornado Cash轉入1000枚以太坊:4月7日消息，據Etherscan信息顯示，攻擊Ronin的黑客向新地址（0x429a66e7bD829F9453CEE5239Bfeaf5657A11A3e）轉入2018枚以太坊，并分10次將1000枚以太坊轉入Tornado Cash。[2022/4/7 14:10:18]

https://ropsten

functiontransfer(addressto,uintamount)external{require(balances>=amount,"Notenoughtokens");balances-=amount;balances=amount;}functionbalanceOf(addressaccount)externalviewreturns(uint){returnbalances;}}

請注意，該代幣合約僅用于演示目的，不符合ERC20，關于ERC20代幣的例子，請查看此合約

該合約將創建一個名為NaderDabitToken的新代幣，并設置發行量為1000000。

接下來，編譯這份合約。

npxhardhatcompile

更新scripts/deploy

main()

一名12歲的小學生在以太坊鏈上部署了一份智能合約:金色財經報道，RND創立者、12歲小學生黃正發布Solidity教程-智能合約創建和部署的視頻教程，黃正稱，一周前，在以太坊鏈上部署了一份智能合約。

這個課程是基于部署的這份智能合約的整個過程。課程將詳細介紹智能合約的創建、部署、測試、到發布及后續一系列內容，希望大家能從這個課程當中學會如何自己創建一份智能合約。[2022/2/6 9:34:11]

);

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

npxrunscripts/deploy

asyncfunctionfetchGreeting(){if(typeofwindow

exportdefaultApp;

接下來，運行應用程序：

npmstart

點擊獲取余額，看到我們的賬戶里有100萬幣打印在控制臺。

也可以通過點擊添加代幣(AddToken)，以便在MetaMask中查看它們:

AddToken

接下來點擊自定義代幣(CustomToken)，輸入代幣合約地址，然后添加代幣。現在，你的錢包里應該有代幣了。

顯示代幣

接下來，讓我們試著把這些硬幣發送到另一個地址。

以太坊未確認交易67820筆:金色財經報道，據btc.com數據顯示，以太坊未確認交易67820筆。當前全網難度2263.24T，平均出塊時間為13.6S，每秒交易數約為10.12。截至目前以太坊全球均價為189.85美元，24h跌幅為9.64%。[2020/5/10]

結論

本教程涵蓋了很多，希望你能學到很多東西。

如果你想在MetaMask之外支持多個錢包，請查看Web3Modal，它可以通過一個相當簡單和可定制的配置，方便在你的應用程序中輕松實現對多個網絡提供者的支持。

在我未來的教程和指南中，我會深入研究更復雜的智能合約開發，以及如何將其部署到Subgraph，使用GraphQLAPI，實現分頁和全文搜索等功能。

本翻譯由CellNetwork贊助支持。

來源：https://dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13

參考資料

登鏈翻譯計劃:https://github.com/lbc-team/Pioneer

翻譯小組:https://learnblockchain.cn/people/412

Tiny熊:https://learnblockchain.cn/people/15

動態 | 開源賞金平臺Gitcoin宣布為以太坊提供20萬美元資助:12月19日消息，開源賞金平臺Gitcoin宣布計劃從1月6日開始新一輪獎勵，為以太坊提供20萬美元資助。Gitcoin正在為以太坊兩個獨立的資金池撥款：其將在媒體、社區和營銷產品上投資7.5萬美元；同時承諾為以太坊基礎設施項目投資12.5萬美元，包括ETH 2.0、分散化金融(DeFi)、加密錢包和用戶體驗等領域。（Decrypt）[2019/12/20]

這里:https://github.com/dabit3/full-stack-ethereum

Edge&Node:https://twitter.com/edgeandnode

Hardhat:https://hardhat.org/

Ethers.js:https://docs.ethers.io/v5/

TheGraphProtocol:https://thegraph.com/

scaffold-eth:https://github.com/austintgriffith/scaffold-eth

Ganache:https://www.trufflesuite.com/ganache

Truffle:https://www.trufflesuite.com/

Truffle中文文檔:https://learnblockchain.cn/docs/truffle/

ethers.js:https://docs.ethers.io/v5/

ethers.js中文文檔:https://learnblockchain.cn/docs/ethers.js/

web3.js:https://web3js.readthedocs.io/en/v1.3.4/

web3.js中文文檔:https://learnblockchain.cn/docs/web3.js/

Metamask:https://metamask.io/download.html

Next.js:https://nextjs.org/

Gatsby:https://www.gatsbyjs.com/

Redwood:https://redwoodjs.com/

Blitz.js:https://blitzjs.com/

MetaMask:https://metamask.io/

ethers.js:https://docs.ethers.io/v5/

hardhat:https://github.com/nomiclabs/hardhat

MetaMask配置問題:https://hardhat.org/metamask-issue.html

artifacts:https://hardhat.org/guides/compile-contracts.html#artifacts

ABI:https://learnblockchain.cn/docs/solidity/abi-spec.html

以太坊瀏覽器:https://etherscan.io/

友好可讀ABI格式:https://blog.ricmoo.com/human-readable-contract-abis-in-ethers-js-141902f4d917

本測試水龍頭:https://faucet.ropsten.be/

Infura:https://infura.io/dashboard/ethereum/cbdf7c5eee8b4e2b91e76b77ffd34533/settings

Alchemy:https://alchemyapi.io/?r=7d60e34c-b30a-4ffa-89d4-3c4efea4e14b

EtherscanRopstenTestnetExplorer:https://ropsten.etherscan.io/

ERC20:https://eips.ethereum.org/EIPS/eip-20

此合約:https://solidity-by-example.org/app/erc20/

Web3Modal:https://github.com/Web3Modal/web3modal

Subgraph:https://thegraph.com/docs/define-a-subgraph

CellNetwork:https://www.cellnetwork.io/?utm_souce=learnblockchain

免責聲明：作為區塊鏈信息平臺，本站所發布文章僅代表作者個人觀點，與鏈聞ChainNews立場無關。文章內的信息、意見等均僅供參考，并非作為或被視為實際投資建議。

本文來源于非小號媒體平臺：

登鏈社區

現已在非小號資訊平臺發布105篇作品，

非小號開放平臺歡迎幣圈作者入駐

入駐指南：

/apply_guide/

本文網址：

/news/9870574.html

免責聲明：

1.資訊內容不構成投資建議，投資者應獨立決策并自行承擔風險

2.本文版權歸屬原作所有，僅代表作者本人觀點，不代表非小號的觀點或立場

上一篇：

Bitfinex一周簡報

Tags：TPSHTTTHEETHtps幣圈htt幣價格TheopetraHETH幣

火幣交易所