この一連のチュートリアルでは、Ropsten TestNetでEthereum蛇口を構築するプロセスを文書化しています。 これはシリーズの4番目の記事であり、Faucet Webアプリの背後にあるコードについて説明しています。 蛇口ウェブアプリは、リクエスタが蛇口が彼らに無料のETHを配るように自分の財布のアドレスを提供することができます。
- Ropsten Ethereum Faucet:How it works
- Ropsten Ethereum Faucet:Smart Contract
- ROPSTEN Ethereum Faucet:JSON Web Service
- Ropsten Ethereum Faucet:Web App
このプロジェクトのソースコードはプロジェクトのGithubリポジトリにあり、faucet smart contractにアクセスできます。div>
dappではありません
設計上、蛇口のwebアプリは分散アプリケーション（dapp）ではありません。 私がパート1で説明したように、無料のETHを望んでいるETHリクエスタは、すでに自分の財布にEthを所有している可能性は低いので、当然のことです。 そのため、蛇口は無料のETHを提供するだけでなく、Ethereumブロックチェーン上の取引に資金を供給することもできる必要があります。このFaucet Webアプリは、単にFaucet JSON Webサービスへのwebサービス呼び出しを行い、私のfaucet walletから要求者のウォレットへのETH転送を実行します。
このブロックチェーンコースを受講してブロックチェーン開発者になる
コード
私のコード
function serverURL(){
return "https://resonant-backpack.glitch.me";
}
行46から48は、JSON webサービスがどこにあるかをWebアプリに指示します。 私のJSON webサービスはGlitchで実行されています。54行目から62行目は、2つのJavaScript関数go()eth()btnGoボタンをクリックして、faucetからウォレットへのETHの転送を開始すると実行されます。 eth()ページが初めて読み込まれたときに実行されます。
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");
}
65行目から85行目は、json Webサービスにリクエストを送信します/ethers蛇口が持っているどのくらいのETHsを調べるために。 次に、Webサービスが返すETH値で#faucentvalue div を更新します。
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();
}
87行目から119行目は、JSON Webサービスを介して蛇口に要求を行う関数go()walletaddress)と受信したいETHの量（myrequest)JSONObjectを構築します。
/sendethersへのwebサービス呼び出しは、JSONObjectを提供することによって行われました。 要求者は、webサービスが戻っている間に待機して、ETH要求が満たされたことを要求者に通知します。次は何ですか？
次は何ですか？
このプロジェクトのソースコードは私のGithubリポジトリにあります。
このチュートリアルのEthereumの蛇口シリーズを完了し、このシリーズを完了するために10ヶ月近くを取るためにぶらぶらしてくれてありがとう、私の心からの謝罪！
このチュートリアルを楽しんだ場合は、おそらく次のことも読むことができます。
- ブロックチェーンでの投票：Ethereumでの投票DAppの実装。
- 最小実行可能なイーサリアムモバイルウォレット: モバイルEthereum財布を必要とするプロジェクトのために構築したReact Nativeベースのテンプレート。
- Kaleidoで10分でプライベートEthereumブロックチェーンを展開する：プライベートEthereumブロックチェーンを起動し、ちょっとの間で実行します。
- デモによって説明されたスマート契約：エスクローサービススマートコントラクトDAppのデモ—私の意見では、素人に説明する最速の方法は、Blockchainが何であるか。
- Ethereum IOT Kid接地デバイス：物事のインターネットとブロックチェーンを組み込むための私の試み。
- スマート契約として宝くじ: 分散宝くじ、イーサリアムブロックチェーン上の宝くじシステムを構築する試み。
また、
- 最高の暗号取引ボット
- 暗号コピー取引プラットフォーム
- 最高の暗号税ソフトウェア
- 最高の暗号取引プラットフォーム
- 最高の暗号貸出プラットフォーム
- 最高のブロックチェーン分析ツール
- 暗号裁定ガイド：初心者としてお金を稼ぐ方法
- 最高の暗号チャートツール
- 元帳vs trezor
- ビットコインについて学ぶのに最適な本は何ですか？
- 3commasレビュー
- AAX取引所レビュー|紹介コード、取引手数料、長所と短所
- Deribitレビュー|オプション、手数料、Apiとテストネット
- FTX暗号交換レビュー
- NGRAVE ZEROレビュー
- Bybit交換レビュー
- 3commas vs Cryptohopper
- 最高のビットコインハードウェアウォレット
- 最高のmonero財布
- 最高のビットコインハードウェアウォレット
- 最高のmonero財布
- Ledger Nano S vs X
- BITSGAP Vs3Commas Vs Quadency
- Ledger nano S Vs Trezor One Vs Trezor T vs Ledger Nano X
- BLOCKFI Vs Celsius vs Hodlnaut
- bitsgapレビュー—簡単にできる暗号取引ボット お金
- Quadencyレビュー-専門家のために作られた暗号取引ボット
- PrimeXBTレビュー/レバレッジ取引、手数料、Covesting
- Ellipal Titanレビュー
- SecuX Stoneレビュー
- BlockFiレビュー/あなたの暗号に最大8.6％の利益を獲得