Ropsten de Etereum Grifo: Aplicación Web

Jackson Ng
Jackson Ng

Seguir

el 18 de Octubre, 2020 · 4 min de lectura

Esta serie de tutoriales en los documentos de mi proceso de construcción de una Etereum grifo en el Ropsten Testnet. Este es el cuarto artículo de la serie y explica los códigos detrás de la aplicación Web Faucet. La aplicación Web Faucet permite a los solicitantes proporcionar la dirección de su billetera para que el grifo les distribuya ETH gratis.

  1. Ropsten Ethereum Faucet: Cómo funciona
  2. Ropsten Ethereum Faucet: Contrato inteligente
  3. Ropsten Ethereum Faucet: Servicio Web JSON
  4. Ropsten Ethereum Faucet: Aplicación web

Los códigos fuente de este proyecto se encuentran en el repositorio Github del proyecto y se puede acceder al contrato inteligente de faucet aquí.

Foto de Kirsten Marie Ebbesen en Unsplash

No DApp

Por el diseño, el Grifo de la Web de la Aplicación no es una Aplicación Descentralizado (DApp). No se conecta directamente a una cadena de bloques y no se integra con una billetera Ethereum; con razón porque, como he explicado en la Parte 1, es probable que los solicitantes de ETH que quieren ETH gratis ya no tengan ETH en su billetera. Por lo tanto, un grifo no solo debe entregar ETH gratis, sino también poder financiar las transacciones en la cadena de bloques Ethereum para hacerlo.

Esta aplicación Web Faucet simplemente realiza llamadas de servicio web al Servicio Web JSON de Faucet para ejecutar la transferencia ETH desde mi billetera faucet a la billetera del solicitante.

Tome este blockchain curso y convertirse en un blockchain desarrollador

Los Códigos

Mis códigos se encuentran en mi repositorio de GitHub aquí.

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

Las líneas 46 a 48 indican a la aplicación Web dónde está el servicio web JSON. Mi servicio web JSON se está ejecutando en fallo técnico.

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

Las líneas 54 a 62 hacen llamadas a 2 funciones JavaScript go()y eth()go()se ejecuta cuando el usuario hace clic en el botón btnGo para iniciar una transferencia de ETH de faucet a su billetera. eth() se ejecuta cuando la página se carga por primera 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");
}

Las líneas 65 a 85 envían una solicitud al Servicio Web JSON /ethers para averiguar cuántos ETHs tiene el grifo. A continuación, actualiza el #faucentvalue div con el valor ETH que devuelve el Servicio Web.

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

Las líneas 87 a 119 definen la función go() que realiza una solicitud al grifo a través del Servicio Web JSON.

Se construye un JSONObject por proporcionar al solicitante la cartera de dirección (walletaddress) y la cantidad de ETH que desea recibir (myrequest).

Se realizó una llamada de servicio web a /sendethers proporcionando el JSONObject. El solicitante espera mientras el servicio web regresa para decirle al solicitante que su solicitud ETH se ha cumplido.

¿Qué sigue?

Los códigos fuente de estos proyectos se pueden encontrar en mi repositorio de Github.

Esto completa la serie de tutoriales de Ethereum Faucet, ¡gracias por pasar el rato y mis sinceras disculpas por tardar casi 10 meses en completar esta serie!

Si disfrutó de este tutorial, tal vez también desee leer:

  • Votar en una Blockchain: Una implementación de una aplicación de votación en Ethereum.
  • Cartera Móvil Ethereum Mínima Viable: Una plantilla basada en React Native que construí para proyectos que requieren una billetera móvil Ethereum.
  • Implementar un Privado de Etereum Blockchain en 10 Minutos con Kaleido: Llegar a un privado de Etereum Blockchain en marcha y funcionando en un santiamén.
  • Contrato inteligente Explicado por Demostración: Una demostración de un Contrato Inteligente de Servicio de Custodia DApp – en mi opinión, la forma más rápida de explicar a un profano lo que es Blockchain.
  • Dispositivo de puesta a tierra para niños Ethereum IOT: Mi intento de incorporar Blockchain con Internet de las Cosas.
  • Lotería como Contrato Inteligente: Lotería distribuida, un intento de construir un sistema de lotería en la cadena de bloques Ethereum.

Lea También

  • El Mejor Crypto Trading Bot
  • Crypto Copia de Plataformas de Comercio
  • El Mejor Crypto de Software de Impuestos
  • Mejor Crypto Plataformas de Comercio
  • Mejor Crypto Plataformas de Préstamos
  • Mejor Blockchain Herramientas de Análisis
  • Crypto arbitraje guía: Cómo hacer el dinero como un principiante
  • Mejor Crypto Herramienta de gráficas
  • Contabilidad vs Trezor
  • ¿cuáles son los mejores libros para aprender acerca de Bitcoin?
  • Revisión de 3Commas
  • Revisión de AAX Exchange/Código de referencia, Tarifa de negociación, Pros y Contras
  • Revisión de Deribit/Opciones, Tarifas, API y Red de prueba
  • Revisión de FTX Crypto Exchange
  • Revisión NGRAVE ZERO
  • Revisión de Bybit Exchange
  • 3Commas vs Cryptohopper
  • La Mejor billetera de hardware de Bitcoin
  • monero 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
  • Revisión de Bitsgap: Un Bot de comercio de Criptomonedas que facilita Money
  • Quadency Review – Un Bot de Comercio de Criptomonedas Hecho Para Profesionales
  • PrimeXBT Review / Comercio de Apalancamiento, Comisiones y Covesting
  • Ellipal Titan Review
  • SecuX Stone Review
  • BlockFi Review / Gane hasta un 8,6% de intereses en su Cripto

Deja una respuesta

Tu dirección de correo electrónico no será publicada.