Ropsten Ethereum robinet: Web App

Jackson ng
Jackson ng

urmați

Oct 18, 2020 · 4 min citit

această serie de documente tutorial procesul meu de construire a unui robinet Ethereum pe Ropsten testnet. Acesta este al 4-lea articol al seriei și explică codurile din spatele aplicației web Faucet. Aplicația Web robinet permite solicitanților să furnizeze adresa lor portofel pentru a lăsa vasul robinet afară ETH gratuit pentru a le.

  1. Ropsten Ethereum Faucet: cum funcționează
  2. Ropsten Ethereum Faucet: contract inteligent
  3. Ropsten Ethereum Faucet: serviciu web JSON
  4. Ropsten Ethereum Faucet: aplicație Web

codurile sursă pentru acest proiect se află în depozitul GitHub al proiectului, iar contractul inteligent pentru robinet este accesibil aici.

fotografie de Kirsten Marie Ebbesen pe Unsplash

nu este un DAPP

prin design, aplicația web robinet nu este o aplicație descentralizată (DAPP). Nu se conectează direct la un Blockchain și nu se integrează cu un portofel Ethereum; pe bună dreptate, deoarece așa cum am explicat în partea 1, solicitanții ETH care doresc ETH gratuit nu sunt susceptibili să dețină deja ETH în portofel. Deci, un robinet trebuie nu numai să ofere ETH gratuit, ci și să poată finanța tranzacțiile pe Blockchain-ul Ethereum pentru a face acest lucru.

această aplicație web robinet face pur și simplu apeluri de servicii web la serviciul Web robinet JSON pentru a executa transferul ETH din portofelul meu robinet, în portofelul solicitantului.

ia acest curs blockchain și să devină un dezvoltator blockchain

codurile

codurile mele se găsesc în depozitul meu GitHub aici.

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

liniile 46-48 indică aplicației Web unde este serviciul web JSON. Serviciul meu web JSON rulează în eroare.

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

liniile 54-62 efectuați apeluri către 2 funcții JavaScriptgo() șieth()go() rulează atunci când utilizatorul face clic pe butonulbtnGo pentru a iniția un transfer de ETH de la robinet la portofel. eth() rulează când pagina Se încarcă pentru prima dată.

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");
}

liniile 65-85 trimiteți o solicitare serviciului web JSON/ethers pentru a afla cât de mult ETH are robinetul. Apoi actualizează #faucentvalue div cu valoarea ETH pe care o returnează serviciul 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();
}

liniile 87-119 definesc funcțiago() care face o solicitare către robinet prin serviciul web JSON.

construiește unJSONObject furnizând adresa portofelului solicitantului (walletaddress) și cantitatea de ETH pe care dorește să o primească (myrequest).

Un apel de serviciu web la/sendethers a fost efectuat prin furnizareaJSONObject. Solicitantul așteaptă apoi în timp ce serviciul web se întoarce pentru a-i spune solicitantului că cererea sa ETH a fost îndeplinită.

ce urmează?

codurile sursă pentru aceste proiecte pot fi găsite în depozitul meu Github.

aceasta completează seria Ethereum robinet de tutorial, vă mulțumesc pentru agățat și scuzele mele sincere pentru a lua aproape 10 luni pentru a finaliza această serie!

Dacă v-a plăcut acest tutorial, poate doriți să citiți și:

  • votarea pe un Blockchain: o implementare a unui Dapp de vot pe Ethereum.
  • portofel mobil Ethereum viabil minim: Un șablon React nativ pe care l-am construit pentru proiecte care necesită un portofel mobil Ethereum.
  • implementați un Blockchain Ethereum privat în 10 minute cu Kaleido: obținerea unui blockchain Ethereum privat și funcționarea într-o clipă.
  • contract inteligent explicat prin demonstrație: o demonstrație a unui contract inteligent de Serviciu Escrow Dapp — în opinia mea, cel mai rapid mod de a explica unui laic, ce este Blockchain.
  • Ethereum IOT Kid dispozitiv de împământare: încercarea mea de a încorpora Blockchain cu Internet of Things.
  • loteria ca un contract inteligent: Loterie distribuită, o încercare de a construi un sistem de loterie pe Blockchain-ul Ethereum.

de asemenea, citiți

  • cel mai bun bot de tranzacționare Crypto
  • platforme de tranzacționare Crypto Copy
  • cel mai bun software fiscal Crypto
  • cele mai bune platforme de tranzacționare Crypto
  • cele mai bune platforme de creditare Crypto
  • cele mai bune instrumente de analiză Blockchain
  • Ghid de arbitraj Crypto: cum să câștigi bani ca începător
  • ledger vs Trezor
  • care sunt cele mai bune cărți pentru a afla despre Bitcoin?
  • 3commas Review
  • AAX Exchange Review/sesizare Cod, taxa de tranzacționare, argumente pro și contra
  • Deribit Review/Opțiuni, Taxe, API — uri și Testnet
  • FTX Crypto Exchange Review
  • NGRAVE zero review
  • Bybit Exchange Review
  • 3commas vs Cryptohopper
  • cel mai bun portofel hardware Bitcoin
  • cel mai bun Monero Wallet
  • 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 tranzacționare cripto care face ușor Bani
  • Quadency Review – un bot de tranzacționare cripto făcut pentru profesioniști
  • Primexbt Review/Leverage Trading, Fee and Covesting
  • Ellipal Titan Review
  • SecuX Stone Review
  • BlockFi Review / Câștigați până la 8,6% interese pe cripto

Lasă un răspuns

Adresa ta de email nu va fi publicată.