Ropsten Ethereum Tappekran: Web App

Jackson Ng
Jackson Ng

Følg

div>

Oct 18, 2020 · 4 min lese

denne serien av opplæringen dokumenter min prosess med å bygge en ethereum kranen på ropsten testnet. Dette er den 4. artikkelen i serien, og det forklarer kodene bak Kranen Web App. Kranen Web App lar forespørgere å gi Sin Lommebok adresse for å la kranen rett ut gratis ETH til dem.

  • Ropsten Ethereum Tappekran: Hvordan det fungerer
  • Ropsten Ethereum Tappekran: Smart Kontrakt
  • Ropsten Ethereum Tappekran: JSON Web Service
  • Ropsten Ethereum Tappekran: Web App
  • kildekodene for dette prosjektet er i prosjektets Github repository og kranen smart kontrakten er tilgjengelig her.

    Bilde av kirsten marie ebbesen på unsplash

    ikke en dapp

    ved design er kranen web app ikke en desentralisert applikasjon (dapp). Det kobler seg ikke direkte til En Blockchain, og det integreres ikke med En Ethereum-Lommebok; med rette fordi SOM jeg har forklart I Del 1, ER ETH-forespørsler som ønsker gratis ETH, sannsynligvis ikke allerede eier Eth i lommeboken. Så en kran må ikke bare gi ut gratis ETH, men også kunne finansiere transaksjonene På Ethereum Blockchain for å gjøre det.Denne Kranen Web App gjør bare webtjenesteanrop TIL Kranen JSON Web Service for å utføre eth overføring fra min kran lommebok, til forespørerens lommebok.

    Ta dette blockchain kurset og bli en blockchain utvikler

    Kodene

    kodene mine finnes i GitHub-depotet mitt her.

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

    Linjene 46 til 48 forteller Nettappen hvor json-nettjenesten er. MIN JSON webtjeneste kjører I Glitch.

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

    Linjer 54 til 62 ringe til 2 JavaScript-funksjoner go()ogeth()go() kjører når brukeren klikker påbtnGo knappen for å starte en overføring AV ETH fra kranen til lommeboken. eth() kjører når siden lastes inn for første gang.

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

    Linjer 65 til 85 sende en forespørsel TIL Json Webtjeneste /ethers for å finne ut hvor mye Eth kranen har. Den oppdaterer deretter #faucentvalue div med eth-verdien Som Webtjenesten returnerer.

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

    Linjer 87 til 119 definerer funksjonen go() som gjør en forespørsel til kranen GJENNOM Json-Webtjenesten.

    den konstruerer en JSONObjectved å oppgi forespørselens lommebokadresse (walletaddress)og mengden ETH som han ønsker å motta (myrequest).

    et webtjenesteanrop til /sendethers ble gjort ved å gi JSONObject. Forespørgeren venter deretter på mens webtjenesten returnerer for å fortelle forespørgeren at HANS ETH-forespørsel er oppfylt.

    Hva Er Neste?

    kildekodene for disse prosjektene finnes i Github-depotet mitt.

    dette fullfører Ethereum Tappekran serie av opplæringen, takk for å henge ut og min oppriktige unnskyldninger for å ta nær 10 måneder å fullføre denne serien!

    Hvis du likte denne opplæringen, kanskje du kanskje også ønsker å lese:

    • Stemme På En Blockchain: en implementering Av En Stemme DApp På Ethereum.
    • Minimum Levedyktig Ethereum Mobil Lommebok: En React Native-basert mal som jeg konstruerte for prosjekter som krever en Mobil Ethereum lommebok.Distribuer En Privat Ethereum Blockchain på 10 Minutter Med Kaleido: Få en privat Ethereum Blockchain oppe og går i en jiffy.Smart Kontrakt Forklart Av Demonstrasjon: en demo Av En Escrow Service Smart Kontrakt DApp – etter min mening, den raskeste måten å forklare en lekmann, hva Blockchain er.Ethereum Iot Kid Jording Enhet: mitt forsøk på å innlemme Blockchain Med Internett Av Ting.
    • Lotteri Som En Smart Kontrakt: Distribuert Lotteri, et forsøk på å bygge et lotteri system På Ethereum Blockchain.

    Les også

    • Crypto Copy Trading Platforms
    • Den Beste Krypto Skatt Programvare
    • Beste Krypto Utlån Plattformer
    • Beste Blockchain Analyseverktøy
    • Crypto arbitrage guide: hvordan tjene penger som en nybegynner
    • Beste Krypto Kartlegging Verktøy
    • ledger vs trezor
    • Hva er de beste bøkene å lære om bitcoin?
    • 3Commas Gjennomgang
    • AAX Utveksling Gjennomgang/Henvisningskode, Handel Avgift, Fordeler og Ulemper
    • Deribit Gjennomgang/Alternativer, Avgifter, Apier og Testnet
    • FTX Krypto Utveksling Gjennomgang
    • NGRAVE ZERO gjennomgang
    • Bybit Utveksling Gjennomgang
    • 3Commas vs Cryptohopper
    • Den Beste Bitcoin Hardware lommebok
    • Beste Monero lommebok
    • ledger nano s vs x
    • Bitsgap Vs 3commas vs Quadency
    • Ledger Nano S Vs Trezor En Vs trezor t vs ledger nano x
    • blockfi vs celsius vs hodlnaut
    • bitsgap Review — En Krypto trading bot som gjør det enkelt Penger
    • Quadency Review – En Krypto Trading Bot Laget For Fagfolk
    • PrimeXBT Omtale / Utnytte Handel, Avgift og Covesting
    • Ellipal Titan Omtale
    • SecuX Stone Omtale
    • BlockFi Omtale / Tjen opp til 8.6% interesser på Din Krypto

    Legg igjen en kommentar

    Din e-postadresse vil ikke bli publisert.