dApps

VibeCoding：为 TokenBank 开发前端

视频 AI 总结： 本视频讲解了为Token Bank合约添加前端界面的过程，重点介绍了DApp与钱包交互的常见方式（浏览器插件钱包、原生应用钱包），以及游戏类应用的特殊处理（内部集成钱包）。演示了使用AI工具（如DeepSeek、Claude）辅助编写前端代码和接入APKIT钱包SDK，并分析了开发中的常见问题与调试方法。 关键信息： 1. DApp前端交互的常见模式：通过浏览器插件钱包（如MetaMask）或原生应用钱包（如手机App）发起交易。 2. 游戏类DApp的特殊方案：在应用内部集成轻量钱包，本地存储私钥/助记词，避免频繁弹窗签名。 3. AI辅助开发：利用AI工具（如DeepSeek、Claude）生成前端代码、修改合约交互、调试错误，但需注意AI知识库可能过时。 4. 接入AppKit钱包：安装SDK，修改钱包连接逻辑（用useAppKit替换useConnect），配置Provider，支持扫码和WalletConnect。 5. 开发调试建议：明确指定技术方案给AI，交叉验证方案，及时记录AI的常见错误以优化提示。

29 0 0 2026-05-26 10:14

dApp 如何整合 AA 钱包及隐私工具

视频 AI 总结： 该视频介绍了 TEM Grand 项目开发的 Lingaofei 网站，这是一个基于 ZKEmail、Semaphore 和 ERC4337 的 dApp。用户可通过提交稿件获取稿费，稿费由评审员打分（20/40/60/80）后自动发放。网站实现了注册稿件、匿名评审、免 Gas 交易等核心功能。 **关键信息**： 1. **核心功能**：稿件注册与更新、匿名评审（Semaphore）、免 Gas 交易（ERC4337）。 2. **技术亮点**： - ZKEmail：通过 DKIM 签名验证邮件，用于注册稿件和确认收款地址。 - Semaphore：允许评审员匿名打分，防止双重评审。 - ERC4337：将 dApp 转化为 AA 钱包，用户无需支付 Gas 费。 3. **安全限制**：仅支持 Gmail，邮件需纯文本模式；需注意跨链重放攻击和 Gas 膨胀问题。 4. **集成难点**：ZKProof 需绑定用户操作哈希，验证阶段需与执行阶段一致，防止状态变化攻击。

113 0 0 2026-05-22 15:07

利用 Session Keys 提升用户体验

视频 AI 总结： 该视频主要介绍了如何使用 Session Keys 来改善 Solana 上的用户体验。Session Keys 允许用户在 dApp 中创建会话，从而避免每次交互都需要签名确认的繁琐过程，提升用户体验。MagicBlock 旨在突破 Solana 的限制，构建实时、隐私且流畅的链上应用。 关键信息： * 传统 Web2 登录方式的痛点：每个应用都需要创建账户。 * Web3 的问题：每次交互都需要签名，体验不佳。 * Session Keys 的原理：通过程序派生地址（PDA）存储临时密钥对，实现 dApp 和用户共享会话。 * 使用 Session Keys 的步骤：定义会话规则、创建会话 Token PDA、客户端自动签名。 * MagicBlock 的愿景：构建实时、隐私且流畅的链上应用，突破 Solana 的限制。 * MagicBlock 的优势：低延迟、零费用、可扩展，可用于构建游戏、金融应用等。 * MagicBlock 结合 ephemeral rollup 和 session keys，可以实现实时体验。 * MagicBlock 可以实现隐私支付，创建私有余额，进行实时转账。 * MagicBlock 正在与 Pinocchio 库集成。

1089 0 0 2026-02-06 11:21

Solana 2025：将读取层扩展到 1M TPS

视频 AI 总结： 该视频介绍了 Flux/FluxBeam Ecosystem 针对 Solana RPC 层面临的挑战和解决方案。核心内容是推出了 Lantan，一个为 dApp 定制的本地 RPC 解决方案，旨在解决传统 RPC 方案的可扩展性、可靠性和性能问题。Lantan 通过解耦共识层和读取层，利用 Delta Stream 技术减少数据传输量，从而降低延迟和成本，提升 dApp 的用户体验。 关键信息： * 传统 RPC 方案存在可扩展性问题，尤其是在高负载情况下，导致延迟和数据陈旧。 * Lantan 是一种本地 RPC 解决方案，允许 dApp 开发者选择性地实时获取所需数据，并将其存储在本地数据中心。 * Lantan 基于微服务架构，具有高冗余性，能够独立扩展读取层，降低硬件成本。 * Delta Stream 技术只传输变化的数据，显著减少带宽需求，降低出口流量费用。 * Lantan 可以显著降低 RPC 成本（公共 RPC 降低 20%，私有 RPC 降低 80-90%），并大幅降低延迟（99%）。

1225 0 0 2025-12-18 15:47

【第108期】Web3 前端开发生态位

视频 AI 总结： 该视频主要介绍了 Web3 前端开发的相关内容，包括 Web3 应用架构与 Web2 的区别、Web3 前端在 DApp 开发中的职责、成为 Web3 前端开发所需的前置知识，以及 Uniswap 前端代码的核心架构。 关键信息： 1. Web3 应用架构与 Web2 的区别在于，Web3 引入了智能合约和钱包的概念，前端可以直接与 RPC 节点交互，调用智能合约。 2. Web3 前端的职责包括与钱包交互、与 RPC 节点交互、调用智能合约等，同时保留了 Web2 前端画页面、调 API 接口等职责。 3. 成为 Web3 前端开发需要掌握 HTML、CSS、JS 等前端基础知识，以及区块链的基础知识，如区块链结构、交易构成、以太坊基础等。 4. Uniswap 是一个去中心化交易所（DEX），其前端代码的核心在于链接钱包、与链交互、构建交易。 >分享时间：2025-09-10

5017 0 0 2025-09-11 16:12

QA讨论：DApp、Token、就业与实践

视频 AI 总结： 该视频是关于 Web3 开发的问答环节，主要解答了学员关于 DApp 开发、Token 与 ETH 的区别、生产级合约、前端框架选择、以及 Web3 就业前景等问题。强调了 Web3 开发不仅仅是学习一门语言，更重要的是理解其生态和相关知识。同时鼓励学员积极实践，参与项目，并强调了 Github 在 Web3 求职中的重要性。 关键信息： * Cursor 是 DApp 开发工具，DApp 界面简陋但流程完整。 * Token 和 ETH 的区别在于一个是合约，一个是 Native Token。 * 生产级合约代码通常很短，Web3 不太强调生产级概念。 * 前端框架选择不是重点，Web3 侧重交互，AI 可辅助生成前端代码。 * Solidity 语言只是 Web3 开发的一小部分，需要学习更多相关知识。 * Web3 应用多在 DeFi 领域，如 Swap、借贷等。 * Web3 项目全球流通，没有地域限制。 * Github 在 Web3 求职中非常重要，展示项目经验。 * Web3 后端比重较小，完整搭建应用是最佳实践。 * Web3 招聘信息分散，多通过社区和公司网站发布。 * Token 发放不涉及国内税务问题。 * 鼓励学员积极实践，参与 DeFi 项目，持有 Token。

116 0 0 2025-07-30 08:21

第五课：用 Javascript 做前端

第五课：用 Javascript 做前端

2294 0 0 2023-12-14 10:34

w4-1 后端与合约交互（索引事件）

w4-2 后端与合约交互（索引事件）

6913 0 0 2023-03-29 10:56

w4-1 前端与合约交互

前端与合约交互

1594 0 0 2023-03-29 10:54

【第15期】Dapp安全探讨与典型安全事件

【第15期】Dapp安全探讨与典型安全事件 **主讲人：社区作者[493Labs_huk](https://learnblockchain.cn/people/5228)** **内容提要：** * 区块链技术中的安全问题 * 不同应用场景的Dapp安全 * 典型安全事件分析 [B站视频链接](https://www.bilibili.com/video/BV1KU4y197pM/?spm_id_from=333.999.0.0&vd_source=256de7b845288ff259a7aa40777786c8) | [Youtube视频链接](https://www.youtube.com/watch?v=XDKDARisUFY) >演示PPT：文章-[dapp安全总结与典型安全事件](https://learnblockchain.cn/article/4244) >直播时间：2022年6月22日

4132 0 0 2022-06-23 09:46