Robinet Ethereum Ropsten: Application Web

Jackson Ng
Jackson Ng

Suivre

div>

Oct 18, 2020 · 4 min lire

Cette série de didacticiels documente mon processus de construction d’un robinet Ethereum sur le réseau de test Ropsten. Il s’agit du 4ème article de la série et il explique les codes derrière l’application Web Faucet. L’application Web Faucet permet aux demandeurs de fournir leur adresse de portefeuille pour laisser le robinet leur sortir gratuitement des ETH.

  1. Robinet Ropsten Ethereum: Comment ça marche
  2. Robinet Ropsten Ethereum: Contrat intelligent
  3. Robinet Ropsten Ethereum: Service Web JSON
  4. Robinet Ropsten Ethereum: Application Web

Les codes sources de ce projet se trouvent dans le référentiel Github du projet et le contrat intelligent de robinet est accessible ici.

Photo par Kirsten Marie Ebbesen sur Unsplash

Pas une DApp

De par sa conception, l’application Web Faucet n’est pas une Application décentralisée (DApp). Il ne se connecte pas directement à une Blockchain et ne s’intègre pas à un portefeuille Ethereum; à juste titre, car comme je l’ai expliqué dans la partie 1, les demandeurs d’ETH qui veulent des ETH gratuits ne sont pas susceptibles de posséder déjà des ETH dans leur portefeuille. Un robinet doit donc non seulement distribuer des ETH gratuits, mais également pouvoir financer les transactions sur la blockchain Ethereum pour le faire.

Cette application Web Faucet effectue simplement des appels de service Web vers le service Web Faucet JSON pour exécuter le transfert ETH de mon portefeuille faucet vers le portefeuille du demandeur.

Suivez ce cours de blockchain et devenez développeur de blockchain

Les codes

Mes codes se trouvent dans mon référentiel GitHub ici.

function serverURL(){
return "https://resonant-backpack.glitch.me";
}

Les lignes 46 à 48 indiquent à l’application Web où se trouve le service Web JSON. Mon service Web JSON fonctionne en pépin.

$( document ).ready(function() {
$("#btnGo").bind("click", function () {
go(); });
$("#loader").hide();
eth();
});

Les lignes 54 à 62 appellent 2 fonctions JavaScript go() et eth()go() s’exécute lorsque l’utilisateur clique sur le bouton btnGo pour lancer un transfert d’ETH de faucet vers son portefeuille. eth() s’exécute lorsque la page se charge pour la première fois.

function eth(){
var url = serverURL() + "/ethers"; $.ajax({
type: 'POST',
url: url,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
contentType: 'application/x-www-form-urlencoded; charset=utf-8',
dataType: 'json',
success: function (arr) {
_ethResult(arr);
},
error: function () {
validationMsg();
}
});
}function _ethResult(arr) {
$("#faucetvalue").text("Faucet: " + arr.ethbalance + " ETH");
}

Les lignes 65 à 85 envoient une requête au service Web JSON /ethers pour savoir combien d’ETH le robinet a. Il met ensuite à jour #faucentvalue div avec la valeur ETH renvoyée par le service Web.

function go() {
$("#message").text("");
$("#loader").show();
var url = serverURL() + "/sendethers";
walletaddress = $("#walletaddress").val();
myrequest = $("#myrequest").val();
var JSONObject = {
"receiver": walletaddress,
"request": myrequest
};
$.ajax({
type: 'POST',
url: url,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
contentType: 'application/x-www-form-urlencoded; charset=utf-8',
dataType: 'json',
data: JSONObject,
success: function (arr) {
_goResult(arr);
},
error: function () {
validationMsg();
}
});
}function _goResult(arr) {
$("#message").text("OK");
eth()
$("#loader").hide();
}

Les lignes 87 à 119 définissent la fonction go() qui fait une requête au faucet via le service Web JSON.

Il construit un JSONObject en fournissant l’adresse du portefeuille du demandeur (walletaddress) et le montant d’ETH qu’il souhaite recevoir (myrequest).

Un appel de service Web à /sendethers a été effectué en fournissant le JSONObject. Le demandeur attend alors que le service Web revient pour lui dire que sa demande ETH a été satisfaite.

Quelle est la prochaine étape ?

Les codes sources de ces projets se trouvent dans mon dépôt Github.

Ceci complète la série de didacticiels Ethereum Faucet, merci de traîner et mes sincères excuses pour avoir pris près de 10 mois pour terminer cette série!

Si vous avez apprécié ce tutoriel, vous pouvez peut-être également lire:

  • Voter sur une Blockchain: Une implémentation d’une DApp de vote sur Ethereum.
  • Portefeuille Mobile Ethereum Minimum Viable: Un modèle basé sur React Native que j’ai construit pour des projets nécessitant un portefeuille Ethereum mobile.
  • Déployez une blockchain Ethereum privée en 10 minutes avec Kaleido : La mise en service d’une blockchain Ethereum privée en un tournemain.
  • Contrat intelligent Expliqué par Démonstration: Une démonstration d’un Service d’entiercement Contrat intelligent DApp — à mon avis, le moyen le plus rapide d’expliquer à un profane ce qu’est la Blockchain.
  • Dispositif de mise à la terre pour enfants Ethereum IOT: Ma tentative d’incorporer la Blockchain à l’Internet des objets.
  • La Loterie comme contrat intelligent: Loterie distribuée, une tentative de construire un système de loterie sur la blockchain Ethereum.

Lisez également

  • Le Meilleur Bot de Trading de Crypto
  • Plateformes de Trading de Copie de Crypto
  • Le Meilleur Logiciel de Fiscalité de Crypto
  • Meilleures Plateformes de Trading de Crypto
  • Meilleures Plateformes de Prêt de Crypto
  • Meilleurs Outils d’Analyse de Blockchain
  • Guide d’arbitrage de Crypto: Comment gagner de l’argent en tant que débutant
  • Meilleur Outil de Cartographie de Crypto
  • Ledger vs Trezor
  • Quels sont les meilleurs livres pour en savoir plus sur Bitcoin?
  • 3Commas Review
  • AAX Exchange Review | Code de Référence, Frais de Trading, Avantages et Inconvénients
  • Deribit Review | Options, Frais, API et Testnet
  • FTX Crypto Exchange Review
  • NGRAVE ZERO review
  • Bybit Exchange Review
  • 3Commas vs Cryptohopper
  • Le Meilleur portefeuille matériel Bitcoin
  • Meilleur monero portefeuille
  • ledger nano s vs x
  • Bitsgap vs 3Commas vs Quadency
  • Ledger Nano S vs Trezor one vs Trezor T vs Ledger Nano X
  • BlockFi vs Celsius vs Hodlnaut
  • Bitsgap review — Un Bot De Trading Cryptographique Qui Rend Facile Money
  • Quadency Review – Un Bot de Trading Crypto Conçu Pour les Professionnels
  • Examen PrimeXBT / Leverage Trading, Frais et Covesting
  • Revue Ellipal Titan
  • Revue SecuX Stone
  • Revue BlockFi / Gagnez jusqu’à 8,6% d’intérêts sur votre Crypto

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.