Agora que seus contratos inteligentes estão ativos em uma rede pública (de teste), você precisa hospedar seu front-end na Web para que os usuários possam começar a jogar com seu DApp.
Existem várias opções. Você pode executar um servidor da Web em casa, o que levaria tempo e dinheiro, ou pode usar serviços de hospedagem líderes do setor, como DigitalOcean or AWS, que cobram uma taxa mensal (embora pequena para os pacotes mais baratos).
O que você precisa é de um serviço de hospedagem gratuito, rápido e fácil de usar, e que forneça uma plataforma para testar beta seu DApp.
Esses serviços existem! Vou passar por dois deles. Apresentando Heroku e Páginas GitHub.
Heroku
"Heroku é uma plataforma como serviço (PaaS) que permite aos desenvolvedores criar, executar e operar aplicativos inteiramente na nuvem.” — Heroku. com
O Heroku tem um ótimo suporte para uma infinidade de tecnologias e é especialmente bom na implantação de aplicativos Node. Supondo que você esteja usando o Truffle Suite para o seu projeto, você não terá problemas para implantar com o Heroku.
Para implantar no Heroku usando a linha de comando, primeiro você precisa ir para a página de downloads do Heroku e instalar o Interface de linha de comando do Heroku (CLI)
Vá para Heroku.com, crie uma conta e crie um novo aplicativo. Depois de realizar a configuração básica, vá até a guia “Configurações” e localize seu “URL git do Heroku”. A Figura 3 mostra onde encontrá-lo.
Abra seu terminal e navegue até a pasta raiz do seu projeto. Supondo que você já esteja usando o Git para controle de versão, use a URL do Heroku Git para adicionar um novo controle remoto como este (onde [heroku_git_url]
é o URL do seu aplicativo Heroku):
git remoto adicionar heroku [heroku_git_url]
Em seguida, usando a CLI do Heroku recém-instalada, faça login na sua conta:
login do heroku
Isso deve abrir seu navegador para confirmar. Uma vez logado com sucesso, tudo o que resta é implantar! Execute o seguinte para enviar para o Heroku:
git push heroku mestre
Aguarde a conclusão dos logs e pronto, seu DApp agora está ativo!
Heroku atribui um URL dependendo do nome do seu projeto. Para abrir, volte para Heroku.com e clique no botão “Abrir aplicativo” mostrado na figura 4.
Seu DApp agora está ativo no Heroku!
Páginas GitHub
“O GitHub Pages é um serviço de hospedagem de site estático que pega arquivos HTML, CSS e JavaScript diretamente de um repositório no GitHub” — Github.com
Qualquer um que tenha usado o Git conhece o GitHub. É a maior plataforma de controle de versão de código aberto do mundo e é usada por inúmeros desenvolvedores todos os dias.
Páginas GitHub é um serviço que permite a hospedagem de sites estáticos diretamente de um repositório GitHub. Isso significa que, desde que seu aplicativo não faça nenhuma computação do lado do servidor (como PHP, por exemplo), você está pronto para ir!
Se você ainda não estiver usando o GitHub para seu repositório, recomendo fortemente que o faça para aproveitar isso. Suponha que você esteja e seu projeto esteja usando o Truffle Suite, vá para a linha de comando e navegue até o diretório raiz do seu projeto.
Instale o gh-pages
pacote executando o seguinte comando:
npm install --save gh-pages
Em seguida, você precisa adicionar alguns detalhes ao seu package.json
Arquivo. Abra o arquivo do pacote em seu editor de texto.
Dentro do objeto principal, adicione o seguinte, onde [user-name]
é o seu nome de usuário do GitHub e [repo-name]
é o nome do seu repositório GitHub:
"homepage": "https://[user-name].github.io/[repo-name]/",
Adicione as seguintes opções no “scripts”
secção do package.json
:
"pré-implantação": "npm run build",
"implantar": "gh-pages -d construir",
Tudo o que resta agora é correr npm run deploy
para implantar seu DApp nas páginas do GitHub.
Seu DApp agora está ativo nas páginas do GitHub!