hackquest logo
  • Learn
  • Explore Course
  • Build
  • Explore Hackathon
  • Project Archive
  • Community
  • Global Event
  • Co-learning Camp
  • More
    • Glossary
    • Blog
    • Faucet
    • Job Station
    • Press Kit
    • Founder
hackquest logo
Back

在 Monad 上构建 Blink

本课程将带你从零构建一个打赏型 Blink,也就是一个可以直接在社交媒体中完成链上打赏操作的链接。你将学习如何基于 Monad 和 Dialect 的 Blink 框架,构建 Blink 的后端 API、客户端,并最终完成部署上线。

在 Monad 上构建 Blink

Language

Solidity

Total Length

0.5h

Part of Learning Track

Build on Monad + 1

Syllabus

Unit 1 - Blinks 简介

本单元将带你认识 Blinks 的基本概念、技术结构及运行原理,了解 Monad 和 Dialect 是如何配合工作的,并完成开发环境的基础配置,为后续实战打下基础。

Unit 2 - 构建 Blinks 的后端

你将编写一个 Blink Provider,也就是 Blink 的后端服务。它负责生成 UI 元数据(GET)、构建交易(POST)以及处理跨域请求(OPTIONS)。

Unit 3 - 构建 Blinks 的客户端

你将使用 ConnectKit、Wagmi 和 Viem 构建 Blink 的前端客户端。它能连接钱包,加载 Blink 配置,并展示一个交互式按钮,允许用户输入金额并完成捐赠。整个流程无需跳转,无需 DApp 页面。

Unit 4 - 测试、部署与扩展

课程的最后,你将学会如何本地测试 Blink、解决常见问题,并将项目部署到 Vercel。我们还将带你探索更多玩法,例如接收其他代币、添加留言、发放回馈 NFT 等,全面释放 Blink 的创作潜力。

Language

Solidity

Total Length

0.5h

Part of Learning Track

Build on Monad + 1