
迅速なイーサリアムダップ開発
トリュフはSolidity Smart Contractsを開発するのに最適ですが、スマートコントラクトのためにReact Frontendを構築することは雑用です。 Next.jsは、このようなフロントエンドを構築する最も簡単な方法の1つであり、トリュフとNext.jsの統合は、このボイラープレートが実証しようとしているものです。
2つの主要な機能があります。
プレーン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トリュフは、スマートコントラクトに対してSolidityまたはJavaScriptで記述されたテストを実行できます。注意コンソールの内外にいる場合、コマンドはわずかに異なります。
// If inside the development console.
test
// If outside the development console..
truffle test truffle developブロックチェーンをポート9545に公開するため、メタマスクにhttp://localhost:9545のカスタムRPCネットワークを追加する必要があります。
testrpcを介してtruffle developを使用することを強くお勧めしますが、 testrpcを使用したい場合は、必要なことがいくつかあります。
client/lib/getWeb3.jsのライン6を変更するには、 localhost:8545の代わりにlocalhost:9545を使用するため、 truffle developの代わりにtestrpcを参照してください。
次のコマンドでtestrpcを実行します(理由から):
testrpc --gasLimit 6721975 --gasPrice 100000000000