Questa serie di tutorial documenti il mio processo di costruzione di un Ethereum rubinetto sul Ropsten Testnet. Questo è il 4 ° articolo della serie e spiega i codici dietro il rubinetto Web App. L’app Web Faucet consente ai richiedenti di fornire il proprio indirizzo di portafoglio per lasciare che il piatto del rubinetto esca gratuitamente a loro.
- Ropsten Ethereum Rubinetto: Come funziona
- Ropsten Ethereum Rubinetto: Smart Contratto
- Ropsten Ethereum Rubinetto: JSON Servizio Web
- Ropsten Ethereum Rubinetto: Web App
Il codice sorgente del progetto: il progetto repository Github e il rubinetto di smart contratto è accessibile qui.
Non DApp
Con il design, il Rubinetto Web App non è un Applicazione Decentrata (DApp). Non si connette direttamente a una Blockchain e non si integra con un portafoglio Ethereum; giustamente perché, come ho spiegato nella parte 1, i richiedenti ETH che vogliono ETH gratuiti non sono probabilmente già proprietari di ETH nel loro portafoglio. Quindi un rubinetto deve non solo distribuire ETH gratuito, ma anche essere in grado di finanziare le transazioni sulla blockchain di Ethereum per farlo.
Questa app Web Faucet effettua semplicemente chiamate di servizio Web al servizio Web JSON Faucet per eseguire il trasferimento ETH dal mio portafoglio faucet, al portafoglio del richiedente.
Prendi questo corso blockchain e diventa uno sviluppatore blockchain
I codici
I miei codici si trovano nel mio repository GitHub qui.
function serverURL(){
return "https://resonant-backpack.glitch.me";
}
Righe da 46 a 48 indica all’app Web dove si trova il servizio Web JSON. Il mio servizio Web JSON è in esecuzione in Glitch.
$( document ).ready(function() {
$("#btnGo").bind("click", function () {
go(); });
$("#loader").hide();
eth();
});
Linee da 54 a 62 effettuare chiamate a 2 funzioni JavaScriptgo()eeth()go() viene eseguito quando l’utente fa clic sul pulsantebtnGo per avviare un trasferimento di ETH dal rubinetto al suo portafoglio. eth() viene eseguito quando la pagina viene caricata per la prima volta.
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");
}
Le righe da 65 a 85 inviano una richiesta al Servizio Web JSON /ethers per scoprire quanti ETH ha il faucet. Quindi aggiorna #faucentvalue div con il valore ETH restituito dal Servizio 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();
}
Le righe da 87 a 119 definiscono la funzione go() che effettua una richiesta al faucet tramite il servizio Web JSON.
Costruisce unJSONObject fornendo l’indirizzo del wallet del richiedente (walletaddress) e la quantità di ETH che desidera ricevere (myrequest).
Una chiamata al servizio web a /sendethersè stata effettuata fornendo JSONObject. Il richiedente attende quindi mentre il servizio Web ritorna per comunicare al richiedente che la sua richiesta ETH è stata soddisfatta.
Quali sono le prospettive?
I codici sorgente per questi progetti possono essere trovati nel mio repository Github.
Questo completa la serie di tutorial di Ethereum Faucet, grazie per essere uscito e le mie sincere scuse per aver preso quasi 10 mesi per completare questa serie!
Se ti è piaciuto questo tutorial, forse potresti anche voler leggere:
- Voting on a Blockchain: un’implementazione di una DApp Voting su Ethereum.
- Portafoglio mobile Ethereum minimo vitale: Un modello basato su React Native che ho costruito per progetti che richiedono un portafoglio Ethereum mobile.
- Distribuisci una blockchain Ethereum privata in 10 minuti con Kaleido: ottenere una blockchain Ethereum privata e funzionante in un batter d’occhio.
- Smart Contract Explained by Demonstration: Una demo di un servizio di Escrow Smart Contract DApp — a mio parere, il modo più veloce per spiegare a un profano, cos’è Blockchain.
- Ethereum IOT Kid Dispositivo di messa a terra: il mio tentativo di incorporare Blockchain con Internet of Things.
- Lotteria come un contratto intelligente: Lotteria distribuita, un tentativo di costruire un sistema di lotteria sulla blockchain di Ethereum.
Anche, Leggere
- Il Best Crypto Trading Bot
- Crypto Copia Piattaforme di Trading
- Il Best Crypto Software Fiscale
- Best Crypto Piattaforme di Trading
- Best Crypto Piattaforme di Prestito
- Migliori Blockchain Strumenti di Analisi
- Crypto arbitraggio di guida: Come fare soldi come un principiante
- Best Crypto Strumento di Charting
- Contabilità vs Trezor
- Quali sono i migliori libri per imparare circa i Bitcoin?
- 3Commas Recensione
- AAX Scambio Recensione | Codice di riferimento, commissione di Trading, Pro e Contro
- Deribit Recensione | Opzioni, Spese, Api e Testnet
- FTX di Crittografia Scambio Recensione
- NGRAVE ZERO recensione
- Bybit Scambio Recensione
- 3Commas vs Cryptohopper
- I Migliori Bitcoin Hardware wallet
- Migliori monero wallet
- mastro nano s vs x
- Bitsgap vs 3Commas vs Quadency
- Libro mastro Nano S vs Trezor uno vs Trezor T vs libro Mastro Nano X
- BlockFi vs Celsius vs Hodlnaut
- Bitsgap revisione Crypto Trading Bot Che Rende Facile Money
- Quadency Review-Un Bot Crypto Trading fatto per i professionisti
- PrimeXBT Review / Leverage Trading, Fee e Covesting
- Ellipal Titan Review
- SecuX Stone Review
- BlockFi Review / Guadagna fino a 8.6% di interessi sul tuo Crypto