Há várias formas de hospedar um website na internet.
Com a transformação digital, e a necessidade das empresas terem um lugar próprio nesse tão disputado mundo, surgiram várias plataformas que possibilitam com que você registre um site online.
Mas, como o sábio ditado diz: “Nunca construa sua casa no terreno dos outros”.
O problema das plataformas centralizadas é a falta de controle por parte do usuário, fazendo com que o que deveria ser uma solução simples e prática vire um pesadelo.
O IPFS nasceu para mudar isso.
Nesse artigo, você vai aprender como enviar seu website para o InterPlanetary File System, uma rede P2P de compartilhamento de arquivos. Por ser descentralizada, não possui um único dono que manda em tudo, te aliviando das dores de cabeça de um sistema centralizado.
Passo 1: Como instalar o IPFS (GUI).
Bem, há 2 maneiras. A mais fácil, seria baixar a interface gráfica, que facilita bastante o processo. A segunda, é a linha de comando (CLI), na qual você já deve ter uma experiência prática.
Para deixar as coisas mais fáceis, usaremos a GUI (interface). Também, faremos o processo através do Linux, especificamente a distro Ubuntu.
Vá até o endereço https://github.com/ipfs/ipfs-desktop/releases e baixe a versão mais recente do arquivo .deb, que é a extensão do Linux.
Na data em que escrevo esse artigo (09/07/2022), a versão mais recente é a 0.21.0.
O arquivo .deb deve estar nos padrões do primeiro arquivo, que foi baixado.
Na sua pasta de Downloads, clique com o botão direito do mouse e selecione a opção “Open with Software Install”. Você será direcionado ao programa de instalação de aplicativos do Linux. Basta clicar em “install” e aguardar.
Quando a instalação for concluída, procure pelo IPFS na pesquisa do Ubuntu. Caso tudo dê certo, você deverá ver o seguinte ícone:
Passo 2: Enviando seu website
Agora, você deve enviar os arquivos do seu website (HTML, CSS, JS, etc) para o app Desktop do IPFS que você acabou de baixar.
Para ter um exemplo neste tutorial, criei uma página simples em HTML com alguns elementos que contém CSS:
É, não é um mega website dinâmico com JavaScript e frameworks, mas vai servir para nosso exemplo 😅 .
Caso queiram ver o código:
OBS: Se é do seu desejo ser um DEV que construa bons websites, NÃO SIGA ESSE MODELO! Há uma alta probabilidade do seu chefe te demitir 🤣.
Enfim, com seu site pronto, abra o aplicativo do IPFS e vá para a aba “Files”, no canto esquerdo abaixo do campo “STATUS”.
Em seguida, clique em “+IMPORT” e depois em “FILE” ou “FOLDER”, caso seu trabalho tenha mais de um arquivo e esteja em uma pasta.
Depois de importado, seu arquivo aparecerá na área em branco.
Clique com o botão direito sobre ele e depois clique em “Share Link”. Esse link é o que abrirá seu website por meio do IPFS.
Passo 3: Fazendo o “Pinning” dos arquivos
Há algumas informações importantes que você deve saber antes de continuar.
Os nodes do IPFS tratam os dados armazenados como se eles fossem caches, ou seja, não há garantia de que seus arquivos continuarão a ser armazenados.
Fazer o “pinning” de um arquivo é basicamente dizer ao IPFS:
• Ei! Esses dados são e-s-s-e-n-c-i-a-i-s. NÃO JOGUE ELES FORA!
Você deve fazer isso com todo arquivo que achar importante para assegurar que eles serão retidos futuramente.
Você tecnicamente pode fazer isso pelo app Desktop, porém se você quiser que esses arquivos fiquem acessiveis quando o seu computador conectado ao IPFS for desligado, talvez queira usar um “collaborative clusters” ou um serviço de “pinning”.
Como Steve Jobs disse: “A simplicidade é a sofisticação suprema”. Portanto, usaremos um “pinning service”!
Esses serviços rodam muitos nodes conectados ao IPFS, e já fazem todo o trabalho para você.
Vá para o website: https://pinata.cloud/ e crie uma conta.
Depois, clique na aba de upload e em browse.
Vá até a pasta do seu website, clique no arquivo ou pasta e depois em “Open”.
Agora, você deve ver seu arquivo na área branca da tela, completamente “pinnado”.
Passo 4: Domínio (Opicional)
Aqui, usarei como exemplo o Namecheap (https://www.namecheap.com/), mas o processo funcionará em qualquer provedor.
Crie uma conta no site.
Procure, na aba de manejamento de domínios, aquele que você quer utilizar no seu website.
Procure o lugar para alterar as Definições de Redirecionamento.
Na sua conta do Pinata, copie o hash IPFS do seu website.
No provedor de domínios de websites que você escolher, nas Definições de Redirecionamento, cole o hash que você acabou de copiar.
Finalmente, salve todas as alterações.
FINALIZANDO
Pronto! Você conseguiu! Agora, você tem um website rodando no futuro do armazenamento de dados!
Esse processo todo pode pareçer divertido, mas de nada adianta você ter um site moderno, pronto para o futuro se outras pessoas não estão vendo.
A melhor coisa que você poderia fazer agora, é mandar seu trabalho incrível para pessoas que entendem e fazem aquilo que você faz.
Mesmo que a área da web3 seja nova, na sua infância, alguns projetos estão se prontificando a reunir DEVs para criar comunidades de programação incríveis.
E eu acho que tenho uma indicação perfeita para você…
Hoje, a web3dev é uma das maiores comunidades de web3 do Brasil, conectando centenas de desenvolvedores da Blockchain. Além disso, é o primeiro projeto brasileiro a produzir conteúdo gratuito original de qualidade. Na boa, para de perder tempo e junte-se aos desenvolvedores do futuro:
🔴 Comunidade do Discord web3dev:https://bit.ly/discord-web3dev
Top comments (0)