Ropsten Ethereum Torneira: Web App

Jackson Ng

Siga

Out 18, 2020 · 4 min de leitura

Esta série de tutorial de documentos o meu processo de construção de uma Ethereum torneira no Ropsten Testnet. Este é o quarto artigo da série e explica os códigos por trás do aplicativo da Faucet Web. O aplicativo da Faucet Web permite que os solicitantes forneçam seu endereço de carteira para permitir que a torneira distribua GRATUITAMENTE ETH para eles.

Ropsten Ethereum Faucet: How it works

Ropsten Ethereum Faucet: Smart Contract Ropsten Ethereum Faucet: JSON Web Service Ropsten Ethereum Faucet: Web App

Foto por Kirsten Marie Ebbesen no Unsplash

Não DApp

Por predefinição, a Torneira Web App não é uma Aplicação Descentralizada (DApp). Ele não se conecta diretamente a uma Blockchain e não se integra com uma carteira Ethereum; com razão, porque como já expliquei na parte 1, ETH requesters que querem ETH grátis não são susceptíveis de já possuir ETHs em sua carteira. Assim, uma torneira precisa não só dar ETH livre, mas também ser capaz de financiar as transações sobre o Blockchain Ethereum para fazê-lo.

Esta aplicação web da Faucet simplesmente faz chamadas de serviço web para o serviço web da Faucet JSON para executar a transferência ETH da minha carteira da faucet, para a carteira do requerente.

de Tomar este blockchain curso e se tornar um blockchain desenvolvedor

Os Códigos

Meus códigos são encontrados em meu repositório no GitHub aqui.

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

linhas 46 a 48 diz à aplicação Web onde está o serviço Web JSON. O meu serviço da JSON está a funcionar com problemas.

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

linhas 54 a 62 fazem chamadas para 2 funções JavaScript go()eeth()go()runs when the user cliques thebtnGo button to initiate a transfer of ETH from faucet to his wallet. eth() roda quando a página carrega pela primeira vez.

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

linhas 65 a 85 enviar um pedido para o serviço Web JSON /ethers para descobrir quanto ETHs a faucet tem. Ele então atualiza o#faucentvalue div com o valor ETH que o serviço Web retorna.

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

as linhas 87 a 119 definem a funçãogo() que faz um pedido à torneira através do serviço Web JSON.

Ele constrói uma JSONObject proporcionando o solicitante da carteira de endereço (walletaddress) e a quantidade de ETH que ele deseja receber (myrequest).

a web service call to/sendetherswas made by providing theJSONObject. O solicitante, em seguida, espera enquanto o serviço web retorna para dizer ao solicitante que seu pedido ETH foi cumprido.o que se segue?

Os códigos-fonte para estes projectos podem ser encontrados no meu repositório Github.

This complete the Ethereum Faucet series of tutorial, thank you for hanging out and my sincere apologies for taking close to 10 months to complete this series!

Se gostou deste tutorial, talvez também queira ler:

votando em uma Blockchain: uma implementação de um DApp de votação no Ethereum.carteira móvel Ethereum mínima viável: Um modelo de reação baseado em nativos que eu construí para projetos que exigem uma carteira móvel Ethereum.
implantar um bloco privado Ethereum em 10 minutos com o Kaleido: colocar um bloco privado Ethereum a funcionar num instante.
Smart Contract Explained by Demonstration: a demo of an Escrow Service Smart Contract DApp — in my opinion, the fastest way to explain to a layman, what Blockchain is.
Ethereum IoT Kid Grounding Device: My attempt to incorporate Blockchain with Internet of Things.lotaria como um contrato inteligente: Loteria distribuída, uma tentativa de construir um sistema de loteria no Blockchain Ethereum.

Ropsten Ethereum Torneira: Web App

Leia Também

Deixe uma resposta Cancelar resposta