Ropsten Ethereum Hana: Web App

Jackson ng
Jackson ng

Follow
loka 18, 2020 · 4 min read

tämän sarjan tutorial Documents My process of building an Ethereum hana On the Ropsten testnet. Tämä on 4. artikkeli sarjan ja se selittää koodit takana Hana Web App. Hana Web App avulla pyytäjät voivat antaa lompakon osoite antaa hana kuhan ulos ilmaiseksi ETH heille.

  • Ropsten Ethereum Hana: miten se toimii
  • Ropsten Ethereum Hana: Smart Contract
  • Ropsten Ethereum Hana: JSON Web Service
  • Ropsten Ethereum Hana: Web App
  • tämän projektin lähdekoodit ovat projektin Github-arkistossa ja hanan smart-sopimus on saatavilla täältä.

    Kuva Kirsten Marie Ebbesen on Unsplash

    not a DAPP

    by design, hana web app ei ole hajautettu sovellus (DAPP). Se ei yhdistä suoraan Blockchain ja se ei integroida Ethereum Lompakko; syystäkin, koska kuten olen selittänyt osassa 1, ETH pyytäjät, jotka haluavat ilmaiseksi ETH eivät todennäköisesti jo omistaa ETHs lompakossaan. Joten hana on paitsi antaa ilmaiseksi ETH, mutta myös pystyä rahoittamaan liiketoimet Ethereum Blockchain tehdä niin.

    tämä hana Web App yksinkertaisesti tekee web service puhelut Hana JSON Web Service suorittaa ETH siirto minun hana lompakko, pyytäjän lompakko.

    ota tämä blockchain-kurssi ja ryhdy blockchain-kehittäjäksi

    koodit

    omat koodit löytyvät GitHub-arkistostani täältä.

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

    linjat 46-48 kertoo verkkosovellukselle, missä JSON-verkkopalvelu on. JSON-verkkopalvelussani on häiriö.

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

    linjat 54-62 soittavat kahteen JavaScript-funktioon go() ja eth()go() toimii, Kun käyttäjä napsauttaa btnGo – painiketta aloittaakseen ethin siirron hanasta lompakkoonsa. eth() toimii, kun sivu latautuu ensimmäistä kertaa.

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

    linjat 65-85 lähettävät pyynnön JSON-verkkopalveluun /ethers selvittääkseen, kuinka paljon Vesihanassa on etikoita. Sen jälkeen se päivittää #faucentvalue div ETH-arvolla, jonka verkkopalvelu palauttaa.

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

    linjat 87-119 määrittelevät funktion go(), joka tekee pyynnön hanalle JSON-verkkopalvelun kautta.

    se muodostaa JSONObject ilmoittamalla pyytäjän lompakkoosoitteen (walletaddress) ja ETHIN määrän, jonka hän haluaa saada (myrequest).

    verkkopalveluun soitettiin /sendethers antamalla JSONObject. Pyytäjä odottaa sitten, kun verkkopalvelu palaa kertomaan pyytäjälle, että hänen ETH-pyyntönsä on täytetty.

    Mitä seuraavaksi?

    näiden projektien lähdekoodit löytyvät Github-arkistostani.

    tämä täydentää Ethereum Hana sarjan opetusohjelma, kiitos hengailusta ja vilpittömät anteeksipyyntöni ottaa lähes 10 kuukautta loppuun tämän sarjan!

    Jos pidit tästä opetusohjelmasta, ehkä haluat myös lukea:

    • äänestäminen lohkoketjusta: Ethereumin Äänestysdappin toteuttaminen.
    • minimi elinkelpoinen Ethereum mobiililompakko: React Native-pohjainen malli, että olen rakennettu hankkeita, jotka vaativat mobiili Ethereum lompakko.
    • Ota käyttöön yksityinen Ethereum Blockchain 10 minuutissa Kaleido: Getting yksityinen Ethereum Blockchain vauhtiin hetkessä.
    • Smart Contract Explained by Demonstration: demo Escrow Service Smart Contract DApp — mielestäni nopein tapa selittää maallikolle, mitä Blockchain on.
    • Ethereum IOT Kid maadoituslaite: minun yritys sisällyttää Blockchain Internet of Things.
    • lottoaminen fiksuna sopimuksena: Jaettu arpajaiset, yritys rakentaa arpajaiset järjestelmä Ethereum Blockchain.

    myös, Lue

    • paras Crypto Trading Bot
    • paras Crypto Tax-ohjelmisto
    • parhaat Kryptoveroalustat
    • parhaat Kryptolainausalustat
    • parhaat Lohkoketjuanalyysityökalut
    • Crypto arbitrage guide: How to make money as a beginner
    • paras Crypto Charting Tool
    • Ledger vs Trezor
    • mitkä ovat parhaat kirjat oppia Bitcoinista?
    • 3COMMAS Review
    • AAX Exchange Review | Referral Code, Trading Fee, plussat ja miinukset
    • Deribit Review | Options, Fees, API and Testnet
    • FTX Crypto Exchange Review
    • Ngrave ZERO review
    • Bybit Exchange Review
    • 3commas vs Cryptohopper
    • the Best Bitcoin Hardware wallet
    • Best valuutta 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 — a crypto trading bot that makes easy Money
    • Quadency Review-Crypto Trading Bot Made for Professionals
    • PrimeXBT Review | Leverage Trading, Fee and Covesting
    • Elliphal Titan Review
    • SecuX Stone Review
    • BlockFi Review / ansaitse jopa 8,6% korkoa Kryptostasi

    Vastaa

    Sähköpostiosoitettasi ei julkaista.