使用工具從零到英雄:Scaffold-Eth
source : https://medium.com/@mertcanciy/zero-to-hero-with-a-tool-scaffold-eth-ce47f6113d59 by Mertcan Çiy
您是經驗豐富的以太坊開發人員還是剛剛開始區塊鏈開發? 您是否會參加黑客馬拉松並需要一個快速、安全且功能強大的模板來啟動和發展您的黑客馬拉松創意? 您是否正在尋找一個地方來練習您的 Web3 知識? 比方說,你很好地實踐了你的知識,但現在,你正在尋找一個重視你的作品的地方。 本文包含所有這些問題的答案,並且所有這些問題都是關於 Scaffold-Eth 的。 讓我們開始吧!
區塊鏈技術正在改變我們交易、交換價值以及與數字資產互動的方式。 特別是以太坊,由於其靈活的智能合約功能和龐大的開發者社區,已成為去中心化應用程序 (dApp) 的領先平台。 然而,考慮到生態系統的複雜性和對專業技能的需求,在以太坊上構建 dApps 對於初學者和經驗豐富的開發人員來說都是一項艱鉅的任務。
這就是SCAFFOLD-ETH 出現的地方,
為在以太坊上開發 dApp 提供簡化且用戶友好的體驗。 Scaffold-Eth 旨在讓開發人員能夠輕鬆地以最少的設置和配置開始構建他們的想法。 它提供了一個預構建的開發環境,其中包括所有必要的工具、庫和模板,可以立即開始使用。 這意味著開發人員可以專注於編寫代碼和測試應用程序,而不用擔心基礎架構和設置。 Scaffold-Eth 的關鍵特性之一是它支持智能合約開發。 開發人員可以使用專為以太坊設計的編程語言 Solidity 編寫智能合約,然後使用內置的測試框架 Hardhat 來驗證其功能。 他們還可以將合同部署到本地區塊鏈進行測試,或者在準備上線時部署到以太坊、Polygon、Avalanche 主網等公共網絡。 Scaffold-Eth 還包括一個用戶界面,允許開發人員與其智能合約進行交互並測試其功能。 界面簡單直觀,易於理解 dApp 的工作原理和使用方法。 它還包括對流行的以太坊錢包(如 MetaMask)的內置支持,因此用戶可以輕鬆連接他們的數字資產並進行交易。
在所有這些關於 Scaffold-Eth 的基礎知識之後,如果你還在閱讀並且你和我在一起 😄,讓我在實踐中向你展示這些基礎知識。 讓我們簡單地按照 GitHub repo of Scaffold-Eth 上的指南創建一個簡單的 dApp 示例!
我們開始做吧!
1️⃣ Clone/fork 🏗 scaffold-eth:
git clone https://github.com/scaffold-eth/scaffold-eth.git
2️⃣ Install and start your 👷 Hardhat chain:
cd scaffold-eth
yarn install
yarn chain
In a second terminal window, start your 📱 frontend:
3️⃣ 在第二個終端窗口中,啟動您的 📱 前端:
🚨 如果您的合約未部署到本地主機,則需要更新 App.jsx 中的默認網絡以匹配 hardhat-config.js 中的默認網絡。
cd scaffold-eth
yarn start
4️⃣ 在第三個終端窗口中,🛰 部署您的合約:
🚨 如果你沒有部署到本地主機,你需要先運行 yarn generate 然後為部署者賬戶注資。 要查看賬戶餘額,請運行 yarn account。 您還需要使用正確的默認網絡更新 hardhat-config.js。
cd scaffold-eth
yarn deploy
就是這個!
現在,您擁有了開始發展您的想法所需的一切!
🔏 您可以在 packages/hardhat/contracts
中編輯您的智能合約 YourContract.sol
📝 你可以在 packages/react-app/src
中編輯你的前端 App.jsx
💼 您可以在 packages/hardhat/deploy
中編輯您的部署腳本
您還可以在主頁的“調試合同”選項卡中與已部署的合同進行交互。 這是智能合約的基本示例和“調試合約”選項卡的輸出:
這非常酷,但正如您在這裡看到的那樣,setPurpose 是一個支付功能,您可以向它發送 ETH,但現在您的帳戶中沒有資金。 別擔心,Scaffold-Eth 也讓這一切變得非常簡單 :) 您只需點擊右上角或左下角的水龍頭按鈕即可。
現在我們開始! 你的 Burner 錢包裡有 18.48 美元!
您還可以觀看此視頻以更好地了解實現:
SPEEDRUNETHEREUM.COM
在這裡,我們得到了“你在尋找一個地方來練習你的 Web3 知識嗎?”的答案。 文章開頭的問題。
有 8 個挑戰,包括各種主題,供開發人員練習他們的知識。 這些都是:
- 簡單的 NFT 示例
- 去中心化質押應用
- 令牌供應商
- 骰子遊戲
- 建立 DEX 挑戰
- 狀態通道應用挑戰
- 多重簽名錢包挑戰
- SVG NFT 🎫 建立隊列挑戰
他們都有清晰的解釋來理解和完成挑戰,所有這些很棒的項目都向我們展示了使用 scaffold-eth 可以做任何事情! 每個挑戰都有自己的 Telegram 群組,您可以在其中提出問題、討論想法。
如果您在開始完成這些挑戰之前正在尋找入門播放列表,那麼 Austin、 Carlos 和 Eda 提供了一個很棒的播放列表,可以學習您開始所需的幾乎所有內容! 這是播放列表:
關於 speedrunethereum,我想提的最後一件事是,如果您進入該網站並查看挑戰,您可以在第三個和第四個挑戰之間看到一個“JOIN BUIDLGUIDL”標題。 這是我們將看到這個很棒的社區如何評價您的作品的部分!
構建指南
讓我們從一個很好的解釋開始了解 BuidlGuidl!
BuidlGuidl 是一群使用 Scaffold-ETH 構建工具的構建者,一起見面和學習。 目標是使建設者能夠為以太坊生態系統創建資源和原型
在 speedrunethereum 上完成前 4 個挑戰後,您可以加入這個非常友好的團隊,他們樂於幫助您。 你應該做的只是積極主動,幫助共同成長!
這就是您需要做的所有事情 :) 構建這個東西!
為 Scaffold-ETH 創建組件,將它們添加到您的 Builder 個人資料中,並與 BuidlGuidl Telegram 社區互動,您可能有機會獲得 BuidlGuidl 流!
嗯……這個 BuidlGuidl Stream 是什麼?
BuidlGuidl 流是我之前提到的關於“評估你的工作”的關鍵部分之一。 構建很酷的東西的積極貢獻者可以通過他們的工作賺錢!
除了構建很酷的東西,您還可以通過開始幫助 Github 存儲庫和/或幫助 BuidlGuidl Telegram 頻道中的其他人來獲得 BuidlGuidl 流。 提供足夠的幫助,您可能會獲得一些以 ETH 支付的小額獎學金。 做得足夠好,您將獲得自己的直播!
要了解更多信息,您可以閱讀:https://mirror.xyz/news.buidlguidl.eth/O_Gc84QO4TjvxJnunkRr-s-It1qBTK7TMlJcWf4FQ_I
星期五領結
當你試圖理解 Scaffold-Eth 的 GitHub repo 時,你可能對結構有疑問,你想面對面提問,或者你了解結構,建立了一個項目,你想展示你的工作 關閉給社區成員。 這就是為什麼 BuidlGuidl 會員有領結星期五! 您可以在每個星期五交談,提出問題,炫耀您的工作。 這是上週五記錄的示例會議:
Scaffold-Eth-2
Scaffold-Eth-2 是 Scaffold-Eth 的最新版本,它是使用 NextJS、RainbowKit、Hardhat、Wagmi 和 Typescript 構建的。 您也可以檢查它以構建下一級項目! 這是 GitHub 鏈接:
https://github.com/scaffold-eth/scaffold-eth-2
作為最後的想法,我可以說 Scaffold-Eth 及其社區確實幫助我更加專注於開發應用程序,而不必擔心錢包集成、React 掛鉤、UI 模板等基礎設施,我喜歡活躍在 BuidlGuidl 社區! 我希望這篇文章可以幫助您發現這個很棒的工具和偉大的人。 如果您有任何建議或問題,您可以通過以下方式與我聯繫:
twitter/merttcanc
lenster.xyz/u/mertcan
telegram/merttcanc
我的 BuidlGuidl 構建器配置文件:
https://buidlguidl.com/builders/0x988dD9033b8621578f4E26e566247460953f2bA6