
Développement rapide Ethereum Dapp
La truffe est idéale pour développer des contrats intelligents de Solidity, mais la construction d'un frontend React pour un contrat intelligent est souvent une corvée. Next.js est l'une des façons les plus simples de construire un tel frontend et l'intégration entre la truffe et ensuite.
Il y a deux caractéristiques principales:
Un projet truffle init est utilisé comme base (ainsi qu'un exemple de contrat simple).
Un projet NEXT.js réside dans le répertoire client avec un lien symbolique au dossier de sortie des définitions du contrat ABI. L'application suivante.js fournit également un squelette simple pour se connecter et interagir avec le contrat intelligent sur un réseau.
Pour plus d'informations sur le fonctionnement du frontend, allez lire le Readme.md situé dans le répertoire client .
Installez la truffe à l'échelle mondiale.
npm install -g truffleTéléchargez la boîte. Cela s'occupe également d'installer les dépendances nécessaires.
truffle unbox adrianmcli/truffle-nextExécuter la console de développement.
truffle develop Compiler et migrer les contrats intelligents. Remarque à l'intérieur de la console de développement, nous ne préfondons pas les commandes avec truffle .
compile
migrateExécutez le serveur suivant.js pour le frontal. Les changements de contrat intelligent doivent être recompilés manuellement et migrer.
// Change directory to the front-end folder
cd client
// Serves the front-end on http://localhost:3000
npm run devLa truffe peut exécuter des tests écrits dans Solidity ou JavaScript par rapport à vos contrats intelligents. Remarque La commande varie légèrement si vous êtes dans ou en dehors de la console de développement.
// If inside the development console.
test
// If outside the development console..
truffle test Étant donné que truffle develop expose la blockchain sur le port 9545 , vous devrez ajouter un réseau RPC personnalisé de http://localhost:9545 dans votre métamask pour le faire fonctionner.
Nous vous recommandons fortement d'utiliser truffle develop sur testrpc , mais si vous souhaitez utiliser testrpc , il y a quelques choses que vous devez faire:
Changez la ligne 6 du client/lib/getWeb3.js pour utiliser localhost:8545 au lieu de localhost:9545 , nous nous référons donc à testrpc au lieu de truffle develop .
Exécutez votre testrpc avec la commande suivante (car les raisons):
testrpc --gasLimit 6721975 --gasPrice 100000000000