Ropsten Ethereum Baterie: Webové Aplikace

Jackson Ng
Jackson Ng

Sledovat

Oct 18, 2020 · 4 min číst

Tato série tutorial dokumenty můj proces budování Ethereum kohoutek na Ropsten Testnet. Toto je 4. článek série a vysvětluje kódy za webovou aplikací Faucet. Webová aplikace Faucet umožňuje žadatelům poskytnout adresu peněženky, aby jim faucet dal zdarma ETH.

  1. Ropsten Ethereum Kohoutek: Jak to funguje
  2. Ropsten Ethereum Baterie: Inteligentní Smlouvy
  3. Ropsten Ethereum Baterie: JSON Webové Služby
  4. Ropsten Ethereum Baterie: Webová Aplikace

zdrojové kódy pro tento projekt jsou v projektu Github úložiště a baterie inteligentní smlouvy je dostupný zde.

Foto Kirsten Marie Ebbesen na Unsplash

Není DApp

záměrné, Kohoutek Web App není Decentralizované Aplikace (DApp). Nepřipojuje se přímo k Blockchainu a neintegruje se s peněženkou Ethereum; správně, protože jak jsem vysvětlil v části 1, žadatelé o ETH, kteří chtějí zdarma ETH, pravděpodobně již nebudou vlastnit ETH ve své peněžence. Faucet tedy musí nejen rozdávat zdarma ETH,ale také být schopen financovat transakce na blockchainu Ethereum.

Tato webová aplikace Faucet jednoduše volá webovou službu do webové služby Faucet JSON, aby provedla přenos ETH z mé peněženky faucet do peněženky žadatele.

Vezměte tento blockchain kurz a stát se blockchain vývojka

Kódy,

Moje kódy se nacházejí v mé GitHub repozitář.

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

řádky 46 až 48 sdělují webové aplikaci, kde je webová služba JSON. Moje webová služba JSON běží v závadě.

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

Řádky 54 až 62 volání na 2 funkce Javascriptu go()eth()go() spustí se, když uživatel klikne na tlačítko btnGo pro zahájení přenosu ETH z kohoutku do peněženky. eth() se spustí při prvním načtení stránky.

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

Lines 65 až 85 odeslat žádost JSON Webové Služby /ethers zjistit, kolik F kohoutek má. Poté aktualizuje #faucentvalue div s hodnotou ETH, kterou webová služba vrací.

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

Řádky 87 119 definovat funkci go(), který podává žádost, aby se baterie přes JSON Web Service.

vytvoří JSONObject tím, že poskytuje žadateli peněženku adresa (walletaddress) a množství ETH, že si přeje přijímat (myrequest).

volání webové služby na /sendethers bylo provedeno poskytnutím JSONObject. Žadatel pak čeká, až se webová služba vrátí, aby žadateli sdělila, že jeho žádost o ETH byla splněna.

Co bude dál?

zdrojové kódy pro tyto projekty lze nalézt v mém repozitáři Github.

vyplňte fromulář pro Ethereum Baterie série tutoriál, děkuji, že jste visí ven a upřímně se omlouvám za užívání téměř 10 měsíců na dokončení této série!

Pokud se vám tento tutoriál líbil, možná si také budete chtít přečíst:

  • hlasování o Blockchainu: implementace hlasovacího DApp na Ethereum.
  • minimální životaschopná Mobilní peněženka Ethereum: Šablona React nativní bázi, že jsem konstruovány pro projekty, které vyžadují mobilní Ethereum peněženku.
  • Nasazení Privátní Ethereum Blockchain za 10 Minut s Kaleido: soukromá Ethereum Blockchain nahoru a běží v mžiku.
  • Smart Contract vysvětleno demonstrací: demo úschovy služby Smart Contract DApp — podle mého názoru nejrychlejší způsob, jak laikovi vysvětlit, co je Blockchain.
  • Ethereum IOT Kid Grounding Device: můj pokus začlenit Blockchain s internetem věcí.
  • loterie jako chytrá smlouva: Distribuovaná loterie, pokus o vybudování loterijního systému na blockchainu Ethereum.

Číst

  • Nejlepší Crypto Obchodování Bot
  • Crypto Kopírování Obchodních Platforem
  • Nejlepší Crypto Daňový Software
  • Nejlepší Crypto Obchodních Platforem
  • Nejlepší Crypto Úvěrových Platforem
  • Nejlepší Blockchain analytické Nástroje
  • Crypto arbitráž průvodce: Jak vydělat peníze jako začátečník
  • Nejlepší Crypto Mapovat Nástroj
  • Kniha vs Trezor
  • Jaké jsou nejlepší knihy se dozvíte o Bitcoin?
  • 3Commas Recenze
  • AAX Výměna Recenze | Referral Kód, Obchodování Poplatek, Klady a Zápory
  • Deribit Recenze | Možnosti, Poplatky, Api a Testnet
  • FTX Crypto Exchange Recenze
  • NGRAVE ŽÁDNÉ recenze
  • Bybit Výměnu Recenze
  • 3Commas vs Cryptohopper
  • Nejlepší Bitcoin Hardwaru peněženky
  • Nejlepší monero peněženka
  • knihy nano y vs x
  • Bitsgap vs 3Commas vs Quadency
  • Ledger Nano S vs Trezor one vs Trezor T vs Ledger Nano „X“.
  • BlockFi vs C vs Hodlnaut
  • Bitsgap recenze — Crypto Obchodování Bot, Který Umožňuje Snadné Peníze
  • Quadency Recenze – Crypto Obchodování Bot Vyrobené Pro Odborníky
  • PrimeXBT Recenze | Pákového Obchodování, Poplatku a Covesting
  • Ellipal Titan Recenze
  • SecuX Kámen Recenze
  • BlockFi Recenze | Vydělat až 8,6% zájmy na Crypto

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.