dapp starter

ยินดีต้อนรับสู่ Dapp-Starter

เทมเพลต Starter Dapp ที่มีความคิดเห็น

- หน้าแรก

การสาธิต

ภาพหน้าจอ

เชื่อมต่อกับ Metamask

Wallet Connect

แสดงข้อความสมดุลและลงชื่อ

คุณสมบัติ

• ⚡กรอบการตอบสนองสำหรับการผลิต nextjs
• - Hardhat - สภาพแวดล้อมการพัฒนา Ethereum สำหรับมืออาชีพ
• - ปลั๊กอิน TypeChain Hardhat - สร้างการผูก typeScript โดยอัตโนมัติสำหรับ SmartContracts ในขณะที่ใช้ HardHat
• Web3 -react - เฟรมเวิร์กลดการพึ่งพาที่ง่ายที่สุดและขยายได้สูงสุดสำหรับการสร้าง Ethereum Dapps ที่ทันสมัย
• - ส่วนประกอบ daisyui tailwind css - ทำความสะอาด html ด้วยคลาสส่วนประกอบ
• - Openzeppelin - มาตรฐานสำหรับแอปพลิเคชัน blockchain ที่ปลอดภัย

ติดตั้ง

pnmm install

การใช้งาน

pnpm run dev

เรียกใช้การทดสอบ

pnpm run test 

ล่วงหน้า

โครงการนี้ใช้ล่วงหน้าเพื่อบังคับใช้คุณภาพรหัส ในการติดตั้งล่วงหน้าให้เรียกใช้:

pre-commit install

แนวทาง Hardhat

โครงการนี้แสดงให้เห็นถึงกรณีการใช้งาน hardhat ขั้นสูงการรวมเครื่องมืออื่น ๆ ที่ใช้กันทั่วไปกับ hardhat ในระบบนิเวศ

โครงการมาพร้อมกับสัญญาตัวอย่างการทดสอบสำหรับสัญญานั้นสคริปต์ตัวอย่างที่ปรับใช้สัญญานั้นและตัวอย่างของการใช้งานซึ่งเพียงแสดงรายการบัญชีที่มีอยู่ นอกจากนี้ยังมาพร้อมกับเครื่องมืออื่น ๆ ที่หลากหลายซึ่งกำหนดค่าไว้ล่วงหน้าเพื่อทำงานกับรหัสโครงการ

ลองทำงานบางอย่างต่อไปนี้:

npx hardhat accounts
npx hardhat compile --network localhost
npx hardhat clean
npx hardhat test
npx hardhat node
npx hardhat help
REPORT_GAS=true npx hardhat test
npx hardhat coverage
npx hardhat run scripts/deploy_greeter.ts --network localhost
node scripts/deploy.ts
npx eslint ' **/*.ts '
npx eslint ' **/*.ts ' --fix
npx prettier ' **/*.{json,sol,md} ' --check
npx prettier ' **/*.{json,sol,md} ' --write
npx solhint ' contracts/**/*.sol '
npx solhint ' contracts/**/*.sol ' --fix

ปรับใช้กับ Ropsten Testnet

• ลงทะเบียนและรับเครดิต $ 100 ในการเล่นแร่แปรธาตุ รายละเอียดเพิ่มเติมที่นี่

• ส่ง ETH ไปที่กระเป๋าเงินของคุณ https://faucet.dimensions.network/

การตรวจสอบ Etherscan

ในการทดลองใช้ Etherscan การตรวจสอบคุณต้องปรับใช้สัญญากับเครือข่าย Ethereum ที่ได้รับการสนับสนุนจาก Etherscan เช่น Ropsten

ในโครงการนี้คัดลอกไฟล์. env.example ไปยังไฟล์ชื่อ. env จากนั้นแก้ไขเพื่อกรอกรายละเอียด ป้อนคีย์ Etherscan API ของคุณ URL โหนด Ropsten ของคุณ (เช่นจากการเล่นแร่แปรธาตุ) และคีย์ส่วนตัวของบัญชีซึ่งจะส่งธุรกรรมการปรับใช้ ด้วยไฟล์. env ที่ถูกต้องก่อนที่จะปรับใช้สัญญาของคุณก่อน:

npx hardhat run --network ropsten scripts/deploy_greeter.ts

จากนั้นคัดลอกที่อยู่การปรับใช้และวางไว้ในเพื่อแทนที่ DEPLOYED_CONTRACT_ADDRESS ในคำสั่งนี้:

npx hardhat verify --network ropsten DEPLOYED_CONTRACT_ADDRESS " Hello, Hardhat! " 

การอัพเกรดสัญญา

Openzeppelin จัดเตรียมเครื่องมือสำหรับการปรับใช้และรักษาความปลอดภัยสัญญาอัจฉริยะที่สามารถอัพเกรดได้

สัญญาอัจฉริยะที่ใช้งานโดยใช้ปลั๊กอินการอัพเกรด OpenZeppelin สามารถอัพเกรดเพื่อปรับเปลี่ยนรหัสของพวกเขาในขณะที่รักษาที่อยู่สถานะและยอดคงเหลือ สิ่งนี้ช่วยให้คุณสามารถเพิ่มคุณสมบัติใหม่ ๆ ในโครงการของคุณหรือแก้ไขข้อบกพร่องใด ๆ ที่คุณอาจพบในการผลิต

ในโครงการนี้มีสัญญา 2 เวอร์ชัน: Box และ Boxv2 ซึ่งเป็นการปรับปรุงกล่อง ก่อนปรับใช้สัญญาของคุณ:

npx hardhat run --network localhost scripts/deploy_upgradeable_box.ts

จากนั้นปรับใช้สัญญาอัจฉริยะอัพเกรด

npx hardhat run --network localhost scripts/upgrade_box.ts

ตัวอย่าง

• แอพ Simple Store: Counter-like smart contract, อ่าน/เขียนและฟังเหตุการณ์จาก Smart Contract
• แอพ ICO Token: วิธีสร้างโทเค็น ERC20 และใช้ ICO Smart Contract (Crowdsale)
• แอพ NFT: วิธีสร้างโทเค็น ERC721

ผู้เขียน

- มูลฮันห์

• เว็บไซต์: https://productsway.com/
• Twitter: @jellydn
• gitHub: @jellydn

Stargazers?

แสดงการสนับสนุนของคุณ

ให้️ถ้าโครงการนี้ช่วยคุณได้!

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):

Dung Duc Huynh (Kaka)

Waren Gonzaga -

โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วม การมีส่วนร่วมทุกชนิดยินดีต้อนรับ!