创建 UIs

关于创建用户界面以及引导选项的更全面文档可以在 TypeScript 文档中找到。

我们通过 Injective CLI 与合约进行了交互，但对于大多数 dApp 用户来说，这并不是理想的方式。一个 Web UI 可以提供更好的体验！我们可以抽象掉复杂性，提供两个按钮—一个用于增加计数，一个用于重置计数，而不是通过 injectived 发送交易消息。

例如，请查看计数器网站。关于使用 Vue 和 Injective TS SDK 开发前端的高级指南可以在该网站的仓库中找到。对于 React 实现，请查看这里。 现在，与合约的交互变得和点击按钮、使用 MetaMask 签名一样简单（确保账户设置为 Ethereum Goerli Testnet，否则会收到链 ID 不匹配的错误）。

你可能会注意到，在尝试重置计数时，出现了“Unauthorized”（未经授权）错误消息。这是预期的行为！回顾合约逻辑，对于重置操作，只有合约拥有者才被允许重置计数。由于你没有实例化前端交互的确切合约，因此你没有重置计数所需的权限。