Comment créer un site Web décentralisé

Comment créer un site Web décentralisé
Des lecteurs comme vous aident à soutenir MUO. Lorsque vous effectuez un achat en utilisant des liens sur notre site, nous pouvons gagner une commission d'affiliation. En savoir plus.

Créer un site Web décentralisé est plus facile que ce à quoi la plupart des gens pourraient s’attendre. En fait, la seule différence entre un site Web décentralisé et un site normal est qu'il est hébergé sur un réseau décentralisé. Presque tout le reste reste pareil.





Vidéo MUO du jour DÉFILEZ POUR CONTINUER AVEC LE CONTENU

Dans ce guide, nous passerons en revue le processus de création et de lancement d'un site Web décentralisé. Vous aurez besoin d'un domaine Web3 et d'un peu d'ETH dans votre portefeuille pour suivre l'ensemble du processus.





1. Créez les fichiers de votre site Web

Commencez par préparer les fichiers du site Web nécessaires. Vous pouvez également télécharger un modèle de site Web gratuit auprès des fournisseurs de modèles et l'utiliser pour créer votre site Web décentralisé. Nous allons télécharger un modèle depuis Free CSS pour développer notre site.





  1. Visite CSS gratuit , sélectionnez un modèle et téléchargez-le. Ensuite, extrayez le fichier ZIP dans un dossier contenant chaque fichier individuel, comme indiqué ci-dessous.   Capture d'écran montrant le fichier de site Web téléchargé sur GitHub

Si vous créez le site à partir de zéro, assurez-vous d'avoir tous vos fichiers dans un seul dossier.

vous souhaitez télécharger une vidéo d'Internet sur votre bureau. quel procédé utilisez-vous ?

2. Téléchargez les fichiers de votre site Web sur IPFS

IPFS (Inter-Planetary File System) est le système de stockage de fichiers décentralisé le plus populaire, composé d'un réseau peer-to-peer distribué à l'échelle mondiale qui collabore pour héberger des fichiers.



Pour commencer, vous pouvez héberger les fichiers de votre site Web sur votre ordinateur personnel avec nœud IPFS exécuté de manière indépendante. Le défi de cette solution est que votre ordinateur doit être en ligne pour que quelqu'un puisse accéder à votre site Web décentralisé.

L'autre option consiste à utiliser une plateforme d'hébergement IPFS telle que Pinata , Graisse , ou Fleek pour héberger et distribuer vos fichiers sur le réseau IPFS, le rendant accessible à tous. Cependant, vous devrez payer un abonnement pour utiliser certains de ces services.





Téléchargement sur votre nœud IPFS

Tout d’abord, vous devez exécuter un nœud IPFS indépendant.

  1. Commence par configuration d'IPFS sur votre PC . Vous pouvez soit télécharger le client PC, soit utiliser l'extension de navigateur Brave pour configurer votre nœud IPFS.
  2. Une fois que vous êtes déjà configuré, ouvrez le tableau de bord IPFS, cliquez sur Importer , et téléchargez le dossier de votre site Web.   Capture d'écran - Ajout d'un nouveau site à Fleek
  3. Pour vérifier si le site Web est en ligne, cliquez sur les trois points à droite du fichier, sélectionnez Lien de partage , copiez et ouvrez le lien IPFS dans un nouvel onglet dans Brave. Le site devrait bien se charger si vous configurez correctement Brave.

Téléchargement sur Fleek

Fleek permet aux utilisateurs de télécharger gratuitement des sites Web sur IPFS, tandis que Piñata nécessite un forfait premium. Néanmoins, vous devrez d'abord déployer votre site Web sur GitHub avant de pouvoir utiliser Fleek.





  1. Ouvrez votre tableau de bord GitHub et créez un nouveau référentiel.   Capture d'écran du domaine ENS lié avec succès Ensuite, téléchargez les fichiers de votre site Web sur votre référentiel GitHub à l'aide de Git, un système de contrôle de version bien intégré à GitHub. Pour une démonstration facile, enregistrez d'abord le fichier de votre site Web dans un dossier sur votre bureau appelé dWeb
  2. Visite Git-scm , téléchargez et installez la dernière version de Git.
  3. Lancez Git Bash depuis le menu Démarrer de votre PC et tapez :
     cd desktop/dWeb 
    Cette commande permet à Git de se lancer dans le dossier que nous avons créé sur le bureau pour initialiser un référentiel local.
  4. Exécutez ensuite les commandes suivantes une par une :
     git init  
    git add .
    git commit -m "first commit"
    git remote add origin [url].git
    Où [url] représente l'adresse de votre référentiel GitHub. Dans notre cas c'est :
     git remote add origin https://github.com/elgwaro/dWeb.git

L'exécution de ces commandes initialise un dossier .git caché dans le dossier de votre site Web, ajoute tous les fichiers de votre site Web dans le dossier .git, les valide pour le téléchargement et télécharge finalement les fichiers sur votre référentiel GitHub.

  Capture d'écran d'un site Web décentralisé lancé

Il s'agit du moyen le plus efficace de télécharger plusieurs fichiers et dossiers de sites Web sur un référentiel GitHub, qui devrait ressembler à celui illustré ci-dessus.

Lier Fleek à GitHub

Voici comment lier un compte Fleek à GitHub

  1. Visite Fleek , connectez-vous à votre compte et cliquez sur Ajouter un nouveau site
  2. Connectez Fleek à GitHub et autorisez l'accès au référentiel avec les fichiers de votre site Web.
  3. Fleek affichera votre référentiel sélectionné. Passez à la Emplacement de déploiement onglet, sélectionnez IPFS et cliquez sur Continuer .
  4. Choisissez le cadre (si vous n'êtes pas sûr, laissez-le tel quel) Autre ) et déployez votre site.

Votre site sera déployé sur IPFS.

que se passe-t-il si vous dites hey siri 14

3. Connectez votre domaine Web3

Que vous utilisiez un nœud IPFS local ou une plate-forme en ligne telle que Fleek, à ce stade, votre site devrait être déployé sur IPFS, ce qui signifie que vous disposez du hachage IPFS du site.

La prochaine étape consiste donc à lier votre site à votre domaine Web3. Vous pouvez en acheter un dans n'importe quel meilleurs registraires Web3 sur le marché. Le coût du domaine dépendra des conditions de la plateforme, et pour systèmes de domaine basés sur la blockchain , vous devrez payer des frais de réseau pour que la transaction soit enregistrée sur la blockchain.

Pour les besoins de cette démonstration, nous avons acquis elgwaro.eth domaine sur l'ENS.

Lier un domaine ENS à un site Web IPFS

Voici comment lier votre domaine ENS à un site hébergé IPFS

  1. Ouvrez votre tableau de bord ENS et accédez à la section de votre nom de domaine.
  2. Sélectionnez le Enregistrements onglet et cliquez sur Modifier les enregistrements .
  3. Sélectionner Autre , collez le lien de votre site Web IPFS indépendant et cliquez sur Sauvegarder .
  4. Vous serez invité à connecter votre portefeuille pour autoriser la transaction, ce qui vous coûtera une somme modique en fonction de l'activité du réseau.
  5. Une fois la transaction terminée, votre domaine Web3 sera lié à votre site Web décentralisé.

Si vous utilisez Fleek, vous pouvez connecter votre domaine sur le tableau de bord Fleek.

  1. Ouvrez le tableau de bord de votre site Web déployé et cliquez sur Ajouter un domaine personnalisé .
  2. Faites défiler jusqu'à Infos ENS et cliquez sur Ajouter ENS .
  3. Saisissez votre domaine ENS, cliquez sur Vérifier puis confirmez.
  4. Ensuite, cliquez sur Définir le hachage du contenu . Vous devrez connecter votre portefeuille pour autoriser la transaction en payant une somme modique basée sur l'activité du réseau.  Pour réussir la configuration du lien, assurez-vous que le compte de portefeuille connecté est le contrôleur du domaine.

4. Accédez à votre site Web

Une fois que vous avez lié avec succès votre domaine Web3 à votre site Web décentralisé, votre domaine Web3 sera pointé vers votre site Web décentralisé.

Vous pouvez y accéder en utilisant votre Domaine ENS +.link . Par exemple, dans ce cas, c'est elgwaro.eth.link . Néanmoins, lorsque vous utilisez un navigateur compatible IPFS comme Brave, vous n'êtes pas obligé d'inclure .lien à la fin de votre URL.

Vous avez créé avec succès votre site Web décentralisé.

Aller au-delà du développement Web2

À mesure qu’Internet devient de plus en plus décentralisé avec le temps, le nombre de sites Web décentralisés finira probablement par dépasser celui hébergé sur des serveurs centralisés. Heureusement, la transition du développement de sites Web Web2 vers Web3 n’est pas aussi complexe qu’il y paraît. Par conséquent, si vous envisagez de créer un site Web décentralisé résistant à la censure, ce guide peut vous donner une longueur d'avance considérable.