Contents

Como criar um site descentralizado

Criar um site descentralizado é mais fácil do que a maioria das pessoas imagina. De facto, a única diferença entre um site descentralizado e um site normal é que está alojado numa rede descentralizada. Quase tudo o resto permanece igual.

No decorrer deste manual, vamos aprofundar o procedimento de construção e revelação de uma plataforma web descentralizada. É imperativo que possua um domínio Web3 e um saldo adequado de Éter (ETH) na sua carteira digital para poder realizar todo o processo.

Crie os ficheiros do seu site

Antes de iniciar o desenvolvimento do seu site descentralizado, é essencial preparar os ficheiros necessários para o site ou, em alternativa, obter um modelo de site gratuito de fornecedores de modelos respeitáveis para utilização na criação do seu site descentralizado. Neste exemplo, iremos obter um modelo do Free CSS para construir o nosso sítio.

⭐ Visite Free CSS , seleccione um modelo e descarregue-o. Em seguida, extraia o ficheiro ZIP para uma pasta que contenha cada ficheiro individual, como mostrado abaixo. /pt/images/free-css-website-template.jpg

Ao construir um site de novo, é imperativo consolidar todos os ficheiros relevantes num único diretório para fins de organização e gestão eficiente do projeto.

Upload Your Website Files to IPFS

IPFS, que significa Inter-Planetary File System, refere-se a uma rede peer-to-peer amplamente dispersa de dispositivos de computação que funcionam coletivamente como um repositório de ficheiros descentralizado através da colaboração mútua e da distribuição de responsabilidades de alojamento de dados. Esta abordagem inovadora tem atraído uma atenção significativa devido à sua capacidade de fornecer acesso seguro e fiável a conteúdos digitais em várias plataformas e ambientes, eliminando a necessidade de controlo ou supervisão centralizados.

Para começar, uma opção é armazenar os arquivos do seu site em um computador pessoal que executa uma instância independente do IPFS. No entanto, há algumas limitações a serem consideradas ao adotar essa abordagem. Especificamente, para que os utilizadores possam aceder ao seu site descentralizado, o seu computador tem de estar sempre ligado à Internet.

A outra opção é usar uma plataforma de hospedagem IPFS, como Piñata , Infura , ou Fleek para hospedar e distribuir seus arquivos pela rede IPFS, tornando-os acessíveis a qualquer pessoa. No entanto, é necessário pagar uma subscrição para utilizar alguns destes serviços.

Fazendo upload para seu nó IPFS

Para começar, é necessário operar um nó IPFS independente.

Para começar, você tem a opção de instalar o software cliente IPFS em seu computador pessoal ou, alternativamente, utilizar uma extensão de navegador para o popular navegador Brave como um meio de estabelecer seu nó IPFS.

⭐ Quando já estiver configurado, abra o painel do IPFS, clique em Importar e carregue a pasta do seu site. /pt/images/upload-website-to-ipfs.jpg

Para verificar o estado ativo de um determinado site, navegue para o lado direito do ficheiro correspondente e localize o trio de elipses, conhecido como “três pontos”. Uma vez localizado, seleccione a opção “Partilhar Link”, duplique o código associado e, subsequentemente, inicie uma instância do Sistema de Ficheiros Interplanetário (IPFS) abrindo o URL fornecido num novo separador do browser dentro da aplicação Brave. Se configurado de forma optimizada, o site deve apresentar uma funcionalidade perfeita na referida plataforma de navegação web.

Carregando para o Fleek

⭐ Abra o painel do GitHub e crie um novo repositório. /pt/images/create-github-repository.jpg Em seguida, carregue os arquivos do seu site no repositório do GitHub usando o Git, um sistema de controle de versão bem integrado ao GitHub. Para facilitar a demonstração, primeiro salve o arquivo do seu site em uma pasta na sua área de trabalho chamada dWeb

⭐ Visite Git-scm , baixe e instale a versão mais recente do Git.

⭐ Inicie o Git Bash a partir do menu Iniciar do seu PC e escreva:

 cd desktop/dWeb

Este comando permite que o Git seja iniciado dentro da pasta que criámos no Ambiente de Trabalho para inicializar um repositório local.

⭐ Em seguida, execute os seguintes comandos um a um:

 git init
 git add .
 git commit -m "first commit"
 git remote add origin [url].git

Onde [url] representa o endereço do seu repositório do GitHub. No nosso caso, é:

 git remote add origin https://github.com/elgwaro/dWeb.git 

A execução dessas instruções ativará um diretório “.git” oculto na pasta do seu projeto, incorporará todo o conteúdo do seu site nessa pasta, fará o commit para transmissão e, por fim, transmitirá os dados para o seu repositório do GitHub.

/pt/images/upload-website-to-github.jpg

Um método eficaz para enviar vários activos do site, incluindo ficheiros e directórios, para um repositório do GitHub envolve a utilização do processo ilustrado no exemplo anterior.

Ligar o Fleek ao GitHub

Para estabelecer uma ligação entre a sua conta Fleek e o GitHub, siga estes passos:

⭐ Visite o Fleek , inicie sessão na sua conta e clique em Adicionar novo site /pt/images/fleek-add-new-site.jpg

⭐ Ligue o Fleek ao GitHub e autorize o acesso ao repositório com os ficheiros do seu site. /pt/images/authorize-fleek-access-to-repository.jpg

⭐ O Fleek exibirá o repositório selecionado. Vá para a guia Local de implantação, selecione IPFS e clique em Continuar . /pt/images/deploy-to-ipfs.jpg

⭐ Escolha a estrutura (se não tiver certeza, deixe como Outro) e implemente seu site. /pt/images/fleek-framework-selection.jpg

Seu site será implantado no IPFS.

Conecte seu domínio Web3

Ao utilizar um nó IPFS independente ou um serviço baseado na Internet como o Fleek, é crucial que alguém tenha implantado com sucesso seu site no IPFS, obtendo assim seu hash IPFS correspondente.

Para prosseguir, é necessário ligar o seu site ao seu domínio Web3. Isto pode ser feito adquirindo um domínio através de um dos registadores de renome disponíveis no mercado atual. O preço do domínio pode variar de acordo com as condições da plataforma específica. Além disso, ao utilizar sistemas de domínio baseados em blockchain, pode haver um custo adicional associado ao registo da transação no livro-razão distribuído.

Para demonstrar as capacidades do nosso sistema, adquirimos o domínio elgwaro.eth no Ethereum Name Service (ENS).

Ligar um domínio ENS a um site IPFS

Para estabelecer uma ligação entre o seu domínio Extended Non-Structured (ENS) e um site alojado no InterPlanetary File System (IPFS), siga estes passos:

⭐ Abra o seu painel de controlo ENS e aceda à secção do seu nome de domínio. /pt/images/ens-dashboard.jpg

⭐ Seleccione o separador Registos e clique em Editar registos. /pt/images/edit-records.jpg

⭐ Seleccione Outro , cole a ligação do seu site IPFS independente e clique em Guardar . /pt/images/edit-records-ipfs-hash.jpg

⭐ Ser-lhe-á pedido que ligue a sua carteira para autorizar a transação, o que lhe custará uma pequena taxa, dependendo da atividade da rede. /pt/images/authorize-transaction.jpg

Após a conclusão bem-sucedida de uma transação, seu domínio Web3 será conectado com segurança à sua plataforma web descentralizada.

Se utilizar o Fleek, tem a possibilidade de integrar o seu domínio no painel de controlo do Fleek.

⭐ Abra o painel do seu site implantado e clique em Adicionar domínio personalizado . /pt/images/fleek-add-custom-domain.jpg

⭐ Role para baixo até Informações de ENS e clique em Adicionar ENS . /pt/images/add-ens-domain.jpg

⭐ Digite o seu domínio ENS, clique em Verificar e depois confirme. /pt/images/add-ens-domain-link.jpg

⭐ Em seguida, clique em Set Content Hash . Ser-lhe-á pedido que ligue a sua carteira para autorizar a transação, pagando uma pequena taxa baseada na atividade da rede. /pt/images/set-content-hash.jpg Para configurar a ligação com êxito, certifique-se de que a conta da carteira ligada é o controlador do domínio.

Aceda ao seu site

Assim que o seu domínio Web3 estiver corretamente ligado ao seu site descentralizado, será direcionado para a sua plataforma descentralizada.

/pt/images/link-domain-to-website.jpg

Pode aceder-lhe utilizando o seu domínio ENS \\+.link . Por exemplo, neste caso, é elgwaro.eth.link . No entanto, quando se utiliza um browser com IPFS, como o Brave, não é necessário incluir .link no final do URL.

/pt/images/launched-decentralized-website.jpg

Você criou com sucesso seu site descentralizado.

Indo além do desenvolvimento Web2

À medida que a tecnologia avança e a Internet continua a evoluir no sentido de uma maior descentralização, prevê-se que um número crescente de plataformas baseadas na Web se afastará da infraestrutura tradicional de servidores centralizados em favor de redes distribuídas. Embora possa haver alguma complexidade associada a essa transição, o processo de desenvolvimento de aplicativos descentralizados para a plataforma Web3 não precisa necessariamente apresentar obstáculos significativos. Consequentemente, as pessoas interessadas em criar sites descentralizados que ofereçam maior resistência contra possíveis censuras ou outras formas de interferência provavelmente acharão este guia um recurso valioso.