Ropsten Ethereum csaptelep: Web App

fotó: Kirsten Marie Ebbesen on Unsplash

nem Dapp

tervezés szerint a csaptelep webalkalmazás nem decentralizált alkalmazás (Dapp). Nem kapcsolódik közvetlenül egy blokklánchoz, és nem integrálódik egy Ethereum pénztárcába; helyesen, mert ahogy az 1.részben kifejtettem, az ETH kérelmezők, akik ingyenes ETH-t akarnak, valószínűleg már nem rendelkeznek ETH-kkel a pénztárcájukban. Tehát egy csapnak nemcsak ingyenes ETH-t kell kiadnia, hanem képesnek kell lennie arra is, hogy finanszírozza az Ethereum blokklánc tranzakcióit.

Ez a csaptelep webalkalmazás egyszerűen webszolgáltatási hívásokat kezdeményez a csaptelep JSON Webszolgáltatásához, hogy végrehajtsa az ETH átutalást a csaptelep pénztárcámból a kérelmező pénztárcájába.

Vedd meg ezt a blokklánc tanfolyamot és válj blockchain fejlesztővé

a kódok

a Kódjaim itt találhatók a GitHub adattárban.

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

a 46-48.sorok megmondják a webalkalmazásnak, hogy hol van a JSON webszolgáltatás. A JSON webszolgáltatásom hibásan fut.

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

az 54-62-es vonalak 2 JavaScript függvény hívását kezdeményezik go()and eth()go()akkor fut, amikor a felhasználó abtnGo gombra kattint, hogy elindítsa az ETH átvitelét a csapból a pénztárcájába. eth() az oldal első betöltésekor fut.

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

a 65-85-ös vonalak kérést küldenek a JSON webszolgáltatásnak/ethers hogy megtudja, mennyi ETH van a csaptelepen. Ezután frissíti a#faucentvalue div ETH értéket, amelyet a webszolgáltatás visszaad.

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

a 87-119-es vonalak meghatározzák ago() funkciót, amely a JSON webszolgáltatáson keresztül kéri a csapot.

felépít egyJSONObject azáltal, hogy megadja a kérelmező pénztárca címét (walletaddress) és az ETH mennyiségét, amelyet meg szeretne kapni (myrequest).

webszolgáltatás hívás/sendethersaJSONObject megadásával történt. A kérelmező ezután megvárja, amíg a webszolgáltatás visszatér, hogy elmondja a kérelmezőnek, hogy ETH-kérése teljesült.

mi a következő lépés?

a projektek forráskódjai megtalálhatók a Github repository-ban.

Ez a teljes Ethereum csaptelep sorozat bemutató, köszönöm, hogy lógni, és őszinte bocsánatkérést figyelembe közel 10 hónap, hogy teljes ez a sorozat!

Ha tetszett ez a bemutató, talán érdemes elolvasni:

• szavazás egy Blockchainen: egy szavazási DApp megvalósítása az Ethereumon.
• minimális életképes Ethereum mobiltárca: Egy React natív alapú sablon, amelyet olyan projektekhez készítettem, amelyek mobil Ethereum pénztárcát igényelnek.
• telepítsen egy privát Ethereum blokkláncot 10 perc alatt a Kaleidóval: egy privát Ethereum blokklánc felállítása és futtatása egy pillanat alatt.
• intelligens szerződés demonstrációval magyarázva: letéti szolgáltatás bemutatója intelligens szerződés DApp — véleményem szerint a leggyorsabb módja annak, hogy elmagyarázzam egy laikusnak, mi a Blockchain.
• Ethereum IOT Kid földelő eszköz: kísérletem a Blockchain beépítésére a tárgyak internetével.
• lottó, mint okos szerződés: Elosztott lottó, kísérlet egy lottórendszer felépítésére az Ethereum blokkláncon.

is, olvassa el

• a legjobb Crypto kereskedelmi Bot
• Crypto másolás kereskedési platformok
• a legjobb Crypto adó szoftver
• a legjobb Crypto kereskedelmi platformok
• a legjobb Crypto hitelezési platformok
• a legjobb Blockchain elemző eszközök
• Crypto arbitrázs útmutató: Hogyan lehet pénzt, mint egy kezdő
• a legjobb Crypto ábrázolási eszköz
• ledger vs trezor
• melyek a legjobb könyvek a Bitcoinról?
• 3commas Review
• AAX Exchange Review | Referral Kód, kereskedelmi díj, érvek és ellenérvek
• Deribit Review | opciók, díjak, API — k és Testnet
• FTX Crypto Exchange Review
• NGRAVE ZERO review
• Bybit Exchange Review
• 3commas vs Cryptohopper
• a legjobb Bitcoin hardver pénztárca
• legjobb Monero Wallet
• Ledger Nano S vs x
• Bitsgap vs 3commas vs Quadency
• Ledger Nano S vs Trezor Egy vs trezor t vs Ledger Nano x
• blockfi vs Celsius vs hodlnaut
• bitsgap Review-a crypto kereskedelmi bot, amely megkönnyíti Pénz
• Quadency Review-A Crypto kereskedelmi Bot készült szakemberek
• PrimeXBT Review / tőkeáttétel kereskedés, díj és Covesting
• Ellipal Titan Review
• SecuX Stone Review
• BlockFi Review / keress akár 8.6% érdekeit a Crypto