IGC China: Secret Grant #3:Griptape,前端Secret应用开发框架



第三个 Secret Grant 被授予 Griptape,这是一个用 Javascript 编写的Secret Network 前端应用程序开发框架 – 使用隐私保护的 Secret 合约大大简化了 Web 应用程序的开发。

随着 Secret Network 应用层的快速发展,对开发工具的需求增大,包括简化 SecretJS 与 Secret Contracts 的集成。

有了围绕合约开发的各种工具,有数百万个不同的方向可以使用 Secret Contracts 进行前端和用户界面的开发。当存在大量可能的设计方向时,由于涉及查看密钥管理、Keplr 交互和Secret合约的查询,缺乏专用框架会增加额外的复杂性。

Griptape 是基于开源的 Javascript 框架构建,称为“Vue.js”。 Griptape 的核心是 Web 应用程序前端框架,用于在 Secret Network 上开发去中心化应用程序。

最重要的是,您现在可以开始使用 Griptape 进行开发了!如果您一直在等待构建或部署您的第一个 Secret 应用,那么现在是开始的最佳时机。

https://docs.vue.griptapejs.com/



组成部分

Griptape 提供一组核心 Vue 组件并支持所有 DApp 共有的功能

  1. 钱包 (Wallet)

与其他 Web3 应用程序一样,Secret Network 上的 Secret Apps 需要能够轻松与钱包交互。 Griptape 框架简单解决了这个问题。对于 Secret Network,Keplr 是默认启用的钱包。当您使用 Griptape 时,应该安装 Keplr 钱包扩展以开发您的应用程序。

应用程序将能够访问 Keplr 扩展提供一些信息,例如地址和余额。

<wallet-info> 组件显示用户的地址和余额。它是完全响应式的,这意味着,每当您在 Keplr 中更改钱包时,组件和整个应用程序状态也会更新:


2. 查看密钥 (Viewing Keys)

Secret 合约的状态保持私密时,就需要在Secret网络上的查看密钥。 Griptape 提供了一种存储查看密钥的方法和组件 <viewing-key-manager>,用于创建和引用它们。





contractAddress 只是一个字符串,表示 <viewing-key-manager> 的这个实例可以为其创建查看密钥的合同地址。

默认情况下,Griptape 的 <viewing-key-manager> 使用 createViewingKey() ,该方法是 Griptape 合约的一部分。 但是,合同定义可以覆盖此默认 createViewingKey() 。 例如在 SNIP-20 合约中,其创建或获取查看密钥的功能可以交给 Keplr,然后存储在本地以进行高效访问。

3. 状态 (State)

Griptape 背后的设计原则与状态管理有关。 并非所有应用程序都需要集中状态,但 Griptape 利用状态管理模式来大大改进的 UX/UI 体验。

目前,并非所有 dApp 在与第三方扩展和常见功能(如查看密钥管理)交互时(由于实施的复杂性)都考虑到这一设计决策。 Griptape 通过使用 Pinia(一个开源状态管理库)提供状态管理来解决这个问题。

4. 合约 (Contract)

在开发Secret应用程序时,智能合约是必不可少的。不幸的是,从前端开发的角度来看,Secret Network 在与合约交互时有其自身的挑战。 Griptape 通过创建与Secret合约交互的统一和简化的方式来解决这个问题。

5. Utilities

Griptape 有许多其他实用程序,可帮助您解决在开发 Secret 应用程序时会发现的一些最常见但重要的问题。 这包括对数字、地址以及查看密钥操作上的问题。




访问Griptape: https://docs.vue.griptapejs.com/


https://scrtcn.network/secret-grant-3-griptape/

0 views0 comments