dapp_meteor.md

Criando um Frontend para o seu contrato

Depois de publicado, o nosso contrato é apenas um programa na blockchain com um endereço e uma API, para facilitar a interação do publico-alvo com o contrato.

Para este fim vamos construir um web app muito simples usando a framework meteor que é voltada para a construção de aplicativos em uma página de código que podem ser deployed tanto na web quanto em ambientes mobile.

Instalando o Meteor

para instalar o Meteor, basta executar o seguinte comando:

$ curl https://install.meteor.com/ | sh

Criando o app

Vamos seguir nosso tutorial e criar o applicativo para nosso contrato de lista de Presença.

$ meteor create presencaDapp
$ cd presencaDapp

em seguida vamos adicionar alguns pacotes ao nosso projeto, como por exemplo, o web3 do Ethereum:

$ meteor add ethereum:web3
$ meteor add ethereum:dapp-styles
$ meteor add ethereum:tools

A biblioteca web3 e um cliente javascript para a blockchain ethereum.

Configurando o Dapp

Crie um diretorio lib e dentro dele um arquivo chamado init.js.

$ mkdir lib
$ touch lib/init.js

dentro deste arquivo coloque o seguinte código:

if(typeof web3 === 'undefined')
    web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545'));

Agora podemos já executar nosso aplicativo pela primeira vez, mas antes temos que iniciar o geth na nossa chain privada:

$ geth --ipcpath Downloads/dev_eth_chain/geth.ipc --datadir 
Downloads/dev_eth_chain/ --rpc --rpccorsdomain "http://localhost:3000" --dev 
console

e iniciar o aplicativo:

$ meteor

Agora é só abrir o browser em localhost:3000.