truffle next
1.0.0
تطوير Ethereum dapp السريع
يعد الكمأة رائعًا لتطوير العقود الذكية للصلابة ، ولكن بناء واجهة React لعقد ذكي غالبًا ما يكون أمرًا مهمًا. Next.js هي واحدة من أسهل الطرق لبناء مثل هذه الواجهة الأمامية والتكامل بين الكمأة و Next.js هو ما يحاول هذا الغلاية أن يظهر.
هناك ميزتان رئيسيتان:
يتم استخدام مشروع truffle init العادي كقاعدة (جنبا إلى جنب مع عقد مثال أبسط).
يوجد مشروع NEXT.JS في دليل client مع وجود ارتباط مع مجلد الإخراج من التعريفات ABI العقد. يوفر تطبيق Next.js أيضًا هيكلًا عظميًا بسيطًا للتواصل مع العقد الذكي والتفاعل معه على الشبكة.
لمزيد من المعلومات حول كيفية عمل الواجهة الأمامية ، انتقل إلى 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يمكن أن يقوم الكمأة بإجراء اختبارات مكتوبة في صلابة أو JavaScript مقابل عقودك الذكية. لاحظ أن الأمر يختلف قليلاً إذا كنت في وحدة التطوير أو خارجها.
// If inside the development console.
test
// If outside the development console..
truffle test نظرًا لأن truffle develop يعرض blockchain على المنفذ 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
