UIの作成

UIの作成およびブートストラップオプションに関するより包括的なドキュメントは、dAppsドキュメントを参照してください。

これまでInjective CLIを通じてコントラクトと対話してきましたが、これは多くのdAppユーザーにとって理想的な方法ではありません。WebのUIがあればはるかに優れた体験を提供できます！injectivedを介してトランザクションメッセージを送る代わりに、その複雑さを抽象化し、ユーザーには2つのボタン—カウントを増やすボタンとカウントをリセットするボタン—を提供できます。

例として、counter websiteを参照してください。VueとInjective TS SDKを用いたフロントエンド開発のハイレベルなガイドは、こちらのwebsiteリポジトリで確認できます。React実装については、こちらを参照してください。

これにより、コントラクトとの対話は、ボタンをクリックしてMetaMaskで署名するだけのシンプルな操作になります（アカウントがEthereum Sepolia Testnetに設定されていることを確認してください。そうでない場合はchain IDの不一致エラーが発生します）。

カウントをリセットしようとすると「Unauthorized」エラーメッセージが表示されることに気づくかもしれません。これは想定された挙動です！reset用のコントラクトロジックを思い出してください。カウントをリセットできるのはコントラクトのオーナーのみです。フロントエンドが対話している正確なコントラクトをあなた自身がインスタンス化したわけではないため、カウントをリセットするために必要な権限を持っていません。