
빠른 이더 리움 DAPP 개발
송로 버섯은 독점 스마트 계약을 개발하는 데 유용하지만 스마트 계약을위한 React 프론트 엔드를 구축하는 것은 종종 집안일입니다. Next.js는 그러한 프론트 엔드를 구축하는 가장 쉬운 방법 중 하나이며 Truffle과 Next.js는이 보일러 플레이트가 시연하려는 것입니다.
두 가지 주요 기능이 있습니다.
일반 truffle init 프로젝트는 기본으로 사용됩니다 (단순한 예제 계약과 함께).
Next.js 프로젝트는 계약 ABI 정의의 출력 폴더에 대한 Symlink와 함께 client 디렉토리에 있습니다. Next.js 앱은 또한 네트워크의 스마트 계약에 연결하고 상호 작용하기위한 간단한 골격을 제공합니다.
프론트 엔드 작동 방식에 대한 자세한 내용은 client 디렉토리에있는 readme.md를 읽으십시오.
전 세계적으로 트러플을 설치하십시오.
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 에 노출 시키므로 메타 마스크에 http://localhost:9545 의 맞춤형 RPC 네트워크를 추가하여 작동하도록해야합니다.
truffle develop 사용하는 것이 좋습니다. testrpc 통해 개발하는 것이 좋습니다. 그러나 testrpc 사용하려면 몇 가지해야 할 일이 있습니다.
client/lib/getWeb3.js 의 6 행을 변경하여 localhost:8545 대신 localhost:9545 사용하므로 truffle develop 대신 testrpc 참조하십시오.
다음 명령으로 testrpc 실행하십시오 (이유 때문에).
testrpc --gasLimit 6721975 --gasPrice 100000000000