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用のコントラクトロジックを思い出してください。カウントをリセットできるのはコントラクトのオーナーのみです。フロントエンドが対話している正確なコントラクトをあなた自身がインスタンス化したわけではないため、カウントをリセットするのに必要な権限を持っていません。