
การพัฒนา Ethereum Dapp อย่างรวดเร็ว
ทรัฟเฟิลเป็นสิ่งที่ยอดเยี่ยมสำหรับการพัฒนาสัญญาอัจฉริยะที่แข็งแกร่ง แต่การสร้างส่วนหน้าแบบตอบสนองสำหรับสัญญาอัจฉริยะมักจะเป็นงานที่น่าเบื่อ Next.js เป็นหนึ่งในวิธีที่ง่ายที่สุดในการสร้างส่วนหน้าและการรวมกันระหว่าง Truffle และ Next.js คือสิ่งที่หม้อต้มน้ำนี้พยายามแสดงให้เห็น
มีสองคุณสมบัติที่สำคัญ:
โครงการ truffle init ธรรมดาใช้เป็นฐาน (พร้อมกับสัญญาตัวอย่างที่ง่าย)
โครงการ Next.js อยู่ในไดเรกทอรี client พร้อม Symlink ไปยังโฟลเดอร์เอาท์พุทของคำจำกัดความของสัญญา ABI แอป Next.js ยังมีโครงกระดูกอย่างง่ายสำหรับการเชื่อมต่อและโต้ตอบกับสัญญาอัจฉริยะบนเครือข่าย
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานของ Frontend ให้อ่าน ReadMe.MD ที่อยู่ในไดเรกทอรี client
ติดตั้งทรัฟเฟิลทั่วโลก
npm install -g truffleดาวน์โหลดกล่อง นอกจากนี้ยังดูแลการติดตั้งการพึ่งพาที่จำเป็น
truffle unbox adrianmcli/truffle-nextเรียกใช้คอนโซลการพัฒนา
truffle develop รวบรวมและโยกย้ายสัญญาอัจฉริยะ หมายเหตุภายในคอนโซลการพัฒนาเราไม่ได้คำสั่งคำสั่งด้วย truffle
compile
migrateเรียกใช้เซิร์ฟเวอร์ Next.js สำหรับส่วนหน้า การเปลี่ยนแปลงสัญญาอัจฉริยะจะต้องมีการคอมไพล์ใหม่และอพยพด้วยตนเอง
// Change directory to the front-end folder
cd client
// Serves the front-end on http://localhost:3000
npm run devทรัฟเฟิลสามารถเรียกใช้การทดสอบที่เขียนด้วยความแข็งแกร่งหรือจาวาสคริปต์กับสัญญาอัจฉริยะของคุณ หมายเหตุคำสั่งจะแตกต่างกันเล็กน้อยหากคุณอยู่ในหรือนอกคอนโซลการพัฒนา
// If inside the development console.
test
// If outside the development console..
truffle test เนื่องจาก truffle develop เปิดเผยบล็อกเชนลงในพอร์ต 9545 คุณจะต้องเพิ่มเครือข่าย RPC ที่กำหนดเองของ http://localhost:9545 ใน metamask ของคุณเพื่อให้มันทำงานได้
เราขอแนะนำให้ใช้ truffle develop ผ่าน testrpc แต่ถ้าคุณต้องการใช้ testrpc มีสองสิ่งที่คุณต้องทำ:
เปลี่ยนบรรทัดที่ 6 ของ client/lib/getWeb3.js เพื่อใช้ localhost:8545 แทนที่จะเป็น localhost:9545 ดังนั้นเราจึงอ้างถึง testrpc แทน truffle develop
เรียกใช้ testrpc ของคุณด้วยคำสั่งต่อไปนี้ (เพราะเหตุผล):
testrpc --gasLimit 6721975 --gasPrice 100000000000