Maintenant que vos contrats intelligents sont en direct sur un réseau public (de test), vous devez héberger votre frontal sur le Web afin que les utilisateurs puissent commencer à jouer avec votre DApp.
Il existe plusieurs options. Vous pouvez exécuter un serveur Web à domicile, ce qui prendrait du temps et de l'argent, ou vous pouvez utiliser des services d'hébergement de pointe tels que DigitalOcean or AWS, qui facturent des frais mensuels (quoique minimes pour les forfaits bas de gamme).
Ce dont vous avez besoin, c'est d'un service d'hébergement gratuit, rapide et facile à utiliser, et qui fournit une plate-forme pour tester en version bêta votre DApp.
Ces services existent ! Je vais en parcourir deux. Présentation Heroku ainsi que Pages GitHub.
Heroku
"Heroku est une plate-forme en tant que service (PaaS) qui permet aux développeurs de créer, d'exécuter et d'exploiter des applications entièrement dans le cloud. » — Heroku.com
Heroku offre un excellent support pour une multitude de technologies et est particulièrement doué pour le déploiement d'applications Node. En supposant que vous utilisez Truffle Suite pour votre projet, vous n'aurez aucun problème à déployer avec Heroku.
Pour déployer sur Heroku à l'aide de la ligne de commande, vous devez d'abord vous rendre sur la page de téléchargement Heroku et installer le Interface de ligne de commande Heroku (CLI)
Accédez à Heroku.com, créez un compte et créez une nouvelle application. Une fois que vous avez effectué la configuration de base, rendez-vous sur l'onglet "Paramètres" et localisez votre "URL Heroku git". La figure 3 montre où le trouver.
Ouvrez votre terminal et accédez au dossier racine de votre projet. En supposant que vous utilisez déjà Git pour le contrôle de version, utilisez l'URL Heroku Git pour ajouter une nouvelle télécommande comme celle-ci (où [heroku_git_url]
est l'URL de votre application Heroku) :
git remote ajouter heroku [heroku_git_url]
Ensuite, à l'aide de la CLI Heroku nouvellement installée, connectez-vous à votre compte :
connexion Heroku
Cela devrait ouvrir votre navigateur pour confirmer. Une fois connecté avec succès, il ne reste plus qu'à déployer ! Exécutez ce qui suit pour envoyer à Heroku :
git push maître heroku
Attendez que les journaux se terminent et le tour est joué, votre DApp est maintenant en ligne !
Heroku attribue une URL en fonction du nom de votre projet. Pour ouvrir, retournez sur Heroku.com et cliquez sur le bouton "Ouvrir l'application" illustré à la figure 4.
Votre DApp est maintenant en ligne sur Heroku !
Pages GitHub
"GitHub Pages est un service d'hébergement de site statique qui prend les fichiers HTML, CSS et JavaScript directement à partir d'un référentiel sur GitHub" - Github.com
Quiconque a utilisé Git connaît GitHub. Il s'agit de la plus grande plate-forme de contrôle de version open source au monde et est utilisée par d'innombrables développeurs chaque jour.
Pages GitHub est un service qui permet l'hébergement de sites web statiques directement depuis un repo GitHub. Cela signifie que tant que votre application n'effectue aucun calcul côté serveur (comme PHP, par exemple), vous êtes prêt à partir !
Si vous n'utilisez pas déjà GitHub pour votre dépôt, je vous recommande fortement de le faire pour en profiter. Supposons que vous l'êtes et que votre projet utilise Truffle Suite, accédez à votre ligne de commande et accédez au répertoire racine de votre projet.
Installez l' gh-pages
package en exécutant la commande suivante :
npm install --save gh-pages
Ensuite, vous devez ajouter quelques détails à votre package.json
dossier. Ouvrez le fichier de package dans votre éditeur de texte.
À l'intérieur de l'objet principal, ajoutez ce qui suit, où [user-name]
est votre nom d'utilisateur GitHub et [repo-name]
est le nom de votre dépôt GitHub :
"homepage": "https://[nom-utilisateur].github.io/[nom-repo]/",
Ajoutez les options suivantes dans le “scripts”
l'article de l' package.json
:
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
Il ne reste plus qu'à courir npm run deploy
pour déployer votre DApp sur les pages GitHub.
Votre DApp est maintenant en ligne sur les pages GitHub !