lesson-6_フロントエンド
フロントエンド
フロントエンドの更新とデプロイ
スマートコントラクトをテストネットにデプロイし、Subgraph Studioでデータがインデックスされているので、フロントエンドを更新する時が来ました。
✅ ステップ 1:Scaffold-ETH の設定を更新する
以前のステップでデプロイしたテストネットを指すように設定を更新してください。
scaffold.config.ts は packages/nextjs にあります。
targetNetwork: chains.sepolia,
変更すると以下のようになります:
この変更を行ったら、scaffold-ETHに戻り、UIをリロードしてください。バーナーウォレットから切断されるので、Metamaskウォレットを使用してテストネットに接続します。
"CONNECT WALLET"をクリックしてください...
Metamaskを選択してください...
ネットワークを切り替えてください...
完了したら、sepoliaネットワ ーク上のdappに接続されているはずです。
✅ 知り合いにテストメッセージを送ってみよう!(または Vitalik へ)
デプロイしたスマートコントラクトにイベントを送信したいと思います。フロントエンドが適切に設定されているので、これは比較的簡単に行うことができます。
次に、Studioでメッセージが正常にインデックスされたかどうかを確認します。GraphiQLエクスプローラは、「Playground」ページにあります。