-
Bitcoin
$115,677.0526
3.80% -
Ethereum
$2,944.5389
6.00% -
Tether USDt
$1.0000
-0.04% -
XRP
$2.5378
5.35% -
BNB
$684.1251
2.18% -
Solana
$163.4515
3.83% -
USDC
$0.9998
-0.04% -
Dogecoin
$0.1935
6.65% -
TRON
$0.2927
0.99% -
Cardano
$0.6734
7.67% -
Hyperliquid
$43.4459
6.14% -
Sui
$3.4743
12.51% -
Chainlink
$15.1958
6.41% -
Bitcoin Cash
$517.5941
0.39% -
Stellar
$0.3025
5.05% -
Avalanche
$20.6081
5.58% -
UNUS SED LEO
$9.0337
0.64% -
Hedera
$0.1890
10.58% -
Shiba Inu
$0.0...01326
6.82% -
Toncoin
$2.9363
3.46% -
Litecoin
$94.5536
3.98% -
Polkadot
$3.8670
6.66% -
Monero
$325.7330
-0.02% -
Bitget Token
$4.6019
4.11% -
Dai
$0.9997
-0.04% -
Ethena USDe
$1.0007
-0.02% -
Uniswap
$8.4442
0.64% -
Pepe
$0.0...01229
10.37% -
Aave
$308.8530
2.06% -
Pi
$0.5037
7.28%
スマートコントラクトの上にシンプルなDAPPを構築する方法は?
トリュフ、ガナッシュ、メタマスクをセットアップして、Solidity Smart Contractを使用して単純なイーサリアムDAPPを構築およびテストします。
2025/07/10 16:50

開発環境を設定します
スマートコントラクトの上にシンプルなDAPPの構築を開始するには、まず適切な開発環境を確立する必要があります。 Ethereumベースの開発に最も人気のあるツールの1つは、トリュフで、スマートコントラクトをコンパイル、展開、テストするためのフレームワークを提供します。
- node.jsとnpmをインストールして、JavaScriptパッケージを管理します
npm install -g truffle
実行してトリュフスイートをグローバルに取り付ける- プロジェクトディレクトリで
truffle init
を使用して、新しいプロジェクトを足場にする
トリュフがセットアップされると、テスト目的でローカルブロックチェーンも必要になります。 Ganacheは、Ethereum Networkをローカルでシミュレートする一般的に使用されるツールです。 Ganacheをダウンロードしてインストールし、新しいワークスペースを起動して、テストアカウントとプライベートキーを生成します。
さらに、分散型アプリケーションとの相互作用を可能にするイーサリアムウォレットであるMetamaskを使用して、ブラウザをブロックチェーンに接続します。 Seamless Testingのために、Ganacheが提供するLocal NetworkをMetamaskに追加してください。
基本的なスマートコントラクトを書く
環境の準備が整ったので、基本的なスマートコントラクトを書く時が来ました。 Solidityは、Ethereum Smart Contractsの作成に使用される主要言語です。トリュフで生成されたcontracts
フォルダー内に新しい.sol
ファイルを作成します。
これがサンプル契約です:
pragma solidity ^0.8.0;
契約simplestorage {uint storedData; function set(uint x) public { storedData = x; } function get() public view returns (uint) { return storedData; }
}
この契約は、変数のstoredData
と2つの機能を定義します。1つはその価値を更新し、もう1つはそれを取得するために。 Solidityバージョンが、トリュフの構成で指定されたバージョンと一致していることを確認してください。
契約書を書いた後、 migrations
フォルダーに移行スクリプトを作成します。このスクリプトは、トリュフに契約をブロックチェーンに展開する方法を伝えます。
スマートコントラクトのコンパイルと展開
スマートコントラクトが書かれていると、次のステップはコンパイルして展開することです。ターミナルで、プロジェクトルートに移動して実行します。
-
truffle compile
- これにより、ソリッドコードがイーサリアム仮想マシン(EVM)によって読み取り可能なbytecodeにコンパイルされます truffle migrate
- これにより、Ganacheが管理するローカルブロックチェーンに契約を展開します
移行コマンドを実行する前に、Ganacheが実行されていることを確認してください。展開が成功したことを示すトランザクションログが表示されます。
展開後、コンソールに印刷された契約アドレスに注意してください。このアドレスは、フロントエンドアプリケーションをスマートコントラクトに接続するときに後で使用されます。
また、ガナッシュのトランザクションをチェックするか、トリュフコンソールをtruffle console
で使用し、展開された契約と手動で対話することにより、展開を検証することもできます。
フロントエンドインターフェイスの構築
DAPPのフロントエンドにより、ユーザーはスマートコントラクトと対話できます。 DAPPを構築するための一般的なスタックには、UIおよびWeb3.jsまたはEthers.jsのReact.jsがブロックチェーンインタラクションに含まれます。
Reactアプリを作成することから始めます:
-
npx create-react-app my-dapp
新しいReactプロジェクトを足場にします - Project Directoryに移動し、
npm install web3
またはnpm install ethers
インストールします
次に、スマートコントラクトABI(アプリケーションバイナリインターフェイス)を統合し、アドレスをフロントエンドに統合します。 ABIはコンピレーション中に自動的に生成され、 build/contracts
ディレクトリにあります。
Reactコンポーネントでは、Web3をインポートし、ユーザーのウォレット(メタマスクなど)への接続をインスタンス化します。
import Web3 from 'web3';
const web3 = new web3(window.ethereum);
window.ethereum.enable();
次に、ABIと契約アドレスを使用して、契約インスタンスを作成します。
const contractInstance = new web3.eth.Contract(abi, contractAddress);
このセットアップを使用すると、ボタンハンドラー内のスマートコントラクトからset
を呼び出しget
、画面に結果を表示することができます。
フロントエンドをスマートコントラクトに接続します
契約インスタンスが作成されたら、ユーザーがブラウザを介して直接対話できる機能を実装できます。
たとえば、 get
関数を呼び出すには:
contractInstance.methods.get().call()
.then(result => console.log(result));
set
関数を使用してトランザクションを送信するには:
contractInstance.methods.set(42).send({ from: accountAddress })
.on('transactionHash', hash => console.log(hash));
トランザクションを実行する前に、メタマスクが接続されてロック解除されていることを確認してください。また、ユーザーエクスペリエンスを向上させるためにエラーを優雅に処理します。
UIコンポーネントを更新して、ブロックチェーンに保存されている現在の値を反映し、新しい値を設定するための入力フィールドを許可します。これにより、DAPPの完全に機能的なインターフェイスが作成されます。
npm start
でReactアプリを実行し、ガナッシュとブラウザコンソールの変化を観察しながらボタンと対話することにより、フロー全体をテストします。
よくある質問
DAPPと通常のWebアプリの違いは何ですか?
DAPP(分散型アプリケーション)はブロックチェーンネットワークで動作し、バックエンドロジックにスマートコントラクトを使用しますが、通常のWebアプリは集中サーバーに依存しています。 Dappsは、分散型の性質による透明性、不変性、検閲抵抗を提供します。
スマートコントラクトをローカルに展開するときにガス料金を支払う必要がありますか?
いいえ、ガナッシュなどのローカルブロックチェーンを使用する場合、ガス料金はシミュレートされ、実際のエーテルは必要ありません。トランザクションは実際のコストなしで即座に処理されるため、テストに最適です。
DAPPのフロントエンドに反応する以外に、他のフレームワークを使用できますか?
はい、Vue.js、Angular、またはPlain HTML/CSS/JavaScriptなどのフロントエンドフレームワークを使用できます。重要なのは、Web3プロバイダーを統合し、スマートコントラクトと正しく対話することです。
ローカルブロックチェーンの代わりにDAPPをテストネットに展開することは可能ですか?
はい、より広範なテストのために、Rinkeby、Ropsten、Goerliなどのネットワークに展開できます。これらのネットワークに関連する蛇口から入手できるテストエーテルが必要です。トリュフの構成には、正しいネットワーク設定とニーモニックが含まれていることを確認してください。
免責事項:info@kdj.com
提供される情報は取引に関するアドバイスではありません。 kdj.com は、この記事で提供される情報に基づいて行われた投資に対して一切の責任を負いません。暗号通貨は変動性が高いため、十分な調査を行った上で慎重に投資することを強くお勧めします。
このウェブサイトで使用されているコンテンツが著作権を侵害していると思われる場合は、直ちに当社 (info@kdj.com) までご連絡ください。速やかに削除させていただきます。
- SEI価格は爆発しましたか?最近の急増と次のものを解読します
- 2025-07-11 16:50:12
- レッドストーンブリッジ、ネイティブトークン、ソラナ統合:Web3進化
- 2025-07-11 16:55:12
- BNBのレジスタンステスト:トークン燃焼はブレイクアウトに点火しますか?
- 2025-07-11 17:10:13
- ビットコインのワイルドライド:ラリー、サージ、ミームコインマニア!
- 2025-07-11 14:50:12
- BlockDag、KAS、PIネットワーク:誇大広告と見出しのデコード
- 2025-07-11 15:10:12
- BinanceのSharia獲得:Halal Stakingは暗号投資に革命をもたらします
- 2025-07-11 15:15:12
関連知識

短い先物のポジションのPNLを推定するにはどうすればよいですか?
2025-07-10 17:00:59
先物取引とPNLの基本を理解する先物取引では、トレーダーは、将来指定された時間に所定の価格で資産を売買する契約を締結します。あなたが短い先物のポジションをとるとき、あなたは本質的に基礎となる資産の価格が下落することを賭けています。あなたの利益と損失(PNL)は、市場があなたの初期エントリー価格に対し...

最も一般的なスマートコントラクトデザインパターンは何ですか?
2025-07-10 21:29:07
スマートコントラクトの設計パターンの紹介スマートコントラクトの設計パターンは、ブロックチェーンベースのアプリケーションの開発中に発生した繰り返しの問題に対する標準化されたソリューションです。これらのパターンは、開発者が安全で効率的で保守可能な方法でコードを構築するのに役立ちます。 Ethereumお...

スマート契約におけるコミットレビールスキームとは何ですか?
2025-07-10 17:22:03
コミットレビールスキームの概念を理解するブロックチェーンとスマートコントラクトの領域では、特に投票、オークション、または宝くじを含む分散型アプリケーション(DAPP)において、プライバシーと公平性が重大な懸念事項であることがよくあります。コミットリビールスキームは、参加者がすぐにそれを明らかにするこ...

農業アグリゲーターはどのようにスマートコントラクトを使用しますか?
2025-07-11 02:49:40
農業のアグリゲーターの収穫におけるスマートコントラクトの役割を理解する農業農業のアグリゲーターは、スマートコントラクトを活用して、複数の分散財務(DEFI)プロトコルにわたって収量生成のプロセスを自動化および最適化します。これらのスマートコントラクトは、イーサリアムやBinance Smartチェー...

スマートコントラクトはオフチェーンAPIと対話できますか?
2025-07-10 21:42:30
スマートコントラクトとは何ですか?スマート契約とは、コードのラインに直接書かれた契約の条件との自己実行契約です。これらの契約は、Ethereumのようなブロックチェーンプラットフォームで実行され、所定の条件が満たされたときにアクションを自動的に実行します。分散ネットワークで動作しているため、スマート...

暗号融資プロトコルは、スマート契約で金利をどのように計算しますか?
2025-07-11 07:21:56
暗号融資プロトコルの基本を理解するCrypto Lendingプロトコルは、スマートコントラクトを使用して、デジタル資産の借入と貸付のプロセスを自動化するために、ブロックチェーンネットワークで動作します。これらのプラットフォームにより、ユーザーは自己実行コードに完全に依存して、仲介者なしで流動性(貸...

短い先物のポジションのPNLを推定するにはどうすればよいですか?
2025-07-10 17:00:59
先物取引とPNLの基本を理解する先物取引では、トレーダーは、将来指定された時間に所定の価格で資産を売買する契約を締結します。あなたが短い先物のポジションをとるとき、あなたは本質的に基礎となる資産の価格が下落することを賭けています。あなたの利益と損失(PNL)は、市場があなたの初期エントリー価格に対し...

最も一般的なスマートコントラクトデザインパターンは何ですか?
2025-07-10 21:29:07
スマートコントラクトの設計パターンの紹介スマートコントラクトの設計パターンは、ブロックチェーンベースのアプリケーションの開発中に発生した繰り返しの問題に対する標準化されたソリューションです。これらのパターンは、開発者が安全で効率的で保守可能な方法でコードを構築するのに役立ちます。 Ethereumお...

スマート契約におけるコミットレビールスキームとは何ですか?
2025-07-10 17:22:03
コミットレビールスキームの概念を理解するブロックチェーンとスマートコントラクトの領域では、特に投票、オークション、または宝くじを含む分散型アプリケーション(DAPP)において、プライバシーと公平性が重大な懸念事項であることがよくあります。コミットリビールスキームは、参加者がすぐにそれを明らかにするこ...

農業アグリゲーターはどのようにスマートコントラクトを使用しますか?
2025-07-11 02:49:40
農業のアグリゲーターの収穫におけるスマートコントラクトの役割を理解する農業農業のアグリゲーターは、スマートコントラクトを活用して、複数の分散財務(DEFI)プロトコルにわたって収量生成のプロセスを自動化および最適化します。これらのスマートコントラクトは、イーサリアムやBinance Smartチェー...

スマートコントラクトはオフチェーンAPIと対話できますか?
2025-07-10 21:42:30
スマートコントラクトとは何ですか?スマート契約とは、コードのラインに直接書かれた契約の条件との自己実行契約です。これらの契約は、Ethereumのようなブロックチェーンプラットフォームで実行され、所定の条件が満たされたときにアクションを自動的に実行します。分散ネットワークで動作しているため、スマート...

暗号融資プロトコルは、スマート契約で金利をどのように計算しますか?
2025-07-11 07:21:56
暗号融資プロトコルの基本を理解するCrypto Lendingプロトコルは、スマートコントラクトを使用して、デジタル資産の借入と貸付のプロセスを自動化するために、ブロックチェーンネットワークで動作します。これらのプラットフォームにより、ユーザーは自己実行コードに完全に依存して、仲介者なしで流動性(貸...
すべての記事を見る
