人工精选【2024新品】ethers.js 区块链智能合约dapp应用交互入门到精通(基于6.x.x版本)
这门课解决什么问题 很多前端开发者在接触 Web3 项目时，最大的痛点不是写智能合约，而是怎么把网页和链上合约连起来。这门课聚焦的就是这个环节：用 ethers.js 处理 DApp 前端和智能合约的交互。具体来说，它解决的是“会写页面但不会调合约”的断层问题。课程基于 6.x.x 版本，这点很关键
会员 · 按档位
游客按标价购买，不享受上表折扣。
支付成功后自动发放网盘链接，链接失效可找客服免费补
这门课解决什么问题
很多前端开发者在接触 Web3 项目时，最大的痛点不是写智能合约，而是怎么把网页和链上合约连起来。这门课聚焦的就是这个环节：用 ethers.js 处理 DApp 前端和智能合约的交互。具体来说，它解决的是“会写页面但不会调合约”的断层问题。课程基于 6.x.x 版本，这点很关键，因为 ethers.js 在大版本更新后 API 变化很大，老教程里很多方法已经废弃，跟着旧版本学容易在实际项目里踩坑。学完之后，你应该能独立完成一个前端页面的搭建，连接钱包，读取链上数据，并发送交易上链。
适合什么基础，建议先看哪几块
这门课不适合零基础。你需要有 JavaScript 基础，能看懂异步操作，最好用过 Node.js 和前端框架。如果你连 Promise 和 async/await 都不熟，建议先补这块再来看。课程本身不会从零讲 JS 语法，而是直接进入 ethers.js 的 API 和合约调用逻辑。建议先看“学习必看”这节，了解整体思路；然后直接跳到“Provider 服务提供者”这部分，因为这是所有交互的底层基础——不管是用 JsonRpc 连本地节点，还是用 BrowserProvider 连浏览器钱包，理解 Provider 机制才能搞清楚后面的合约调用是怎么回事。开发环境搭建和项目初始化可以跟着做一遍，把跑通环境作为第一步。
学完能做什么，资料怎么配合练习
学完后，你能独立写一个 DApp 前端：初始化项目、连接用户钱包、读取合约状态、发起交易。但光看视频不够，资料包里的代码一定要跟着敲。我的建议是：先看一遍视频理解思路，第二遍开着编辑器边看边敲，遇到不懂的 API 立刻查文档。重点练习 Provider 的几种模式，自己试着用不同方式连同一个合约，对比差异。合约交互那块，最好找一个简单的测试网合约（比如 ERC20 代币），自己写个页面调它的余额查询和转账方法。如果只看不动手，大概率学完还是不会写。
通过课程的学习，您将能够独立操作智能合约，包括构造、部署和方法调用。，实现复杂的dapp交互
课程目录
* 01 准备工具/
* 01 学习必看，课程收货.mp4 (67.81 MB), 10:45
* 02 开发环境搭建.mp4 (34.25 MB), 05:23
* 03 umi页面项目初始化.mp4 (32.88 MB), 05:15
* 04 node学习项目初始化.mp4 (32.45 MB), 05:27
* 05 合约交互学习思路分析.mp4 (30.25 MB), 05:08
* 02 Provider服务提供者/
* 01 JsonRpc服务提供者.mp4 (53.26 MB), 08:34
* 02 BrowserProvider浏览器服务提供者.mp4 (55.81 MB), 08:55
* 03 xxxProvider社区服务提供商.mp4 (48.05 MB), 07:41
* 04 IpcSocketProvider进程通信服务.mp4 (26.38 MB), 04:12
* 05 WebSocketProvider服务提供者.mp4 (18.53 MB), 03:31
* 06 FallbackProvide弹性多服务.mp4 (40.52 MB), 06:28
* 07 省心rainbowkit组件化服务.mp4 (81.59 MB), 12:54
* 03 AbstractProvider基类服务/
* 01 rpc方法列表学习思路分析.mp4 (34.91 MB), 05:45
* 02 block-网络和区块信息.mp4 (76.89 MB), 12:02
* 03 address-账户信息查询.mp4 (42.55 MB), 07:02
* 04 address-合约信息查询.mp4 (45.21 MB), 07:42
* 05 gas交易费用查询和估算.mp4 (65.28 MB), 11:10
* 06 链上数据交互-只读-call查询.mp4 (65.57 MB), 10:29
* 07 链上数据交互-写入-广播合约交易.mp4 (85.19 MB), 13:18
* 08 链上数据交互-写入-广播转账交易.mp4 (17.24 MB), 02:53
* 09 wait等待交易、等待区块.mp4 (72.84 MB), 12:04
* 10 transaction交易数据查询.mp4 (16.64 MB), 02:50
* 11 event监听区块事件.mp4 (69.49 MB), 12:47
* 12 event监听合约事件.mp4 (95.43 MB), 15:08
* 13 event查询历史事件.mp4 (18.55 MB), 03:04
* 14 plugin插件管理.mp4 (29.59 MB), 04:41
* 15 ENS支持.mp4 (27.39 MB), 04:22
* 16 CCIP外部数据交换.mp4 (57.47 MB), 09:11
* 17 Provider生命周期管理.mp4 (18.58 MB), 03:05
* 04 JsonRpcApiProvider基类/
* 01 直连JSON-RPC接口.mp4 (25.95 MB), 04:40
* 02 Signer账号与交易签名.mp4 (64.43 MB), 10:29
* 03 总结Provider提供者服务.mp4 (29.77 MB), 05:07
* 05 Signer签名信息/
* 01 交易签名.mp4 (78.77 MB), 12:33
* 02 交易广播.mp4 (14.80 MB), 02:26
* 03 总结Signer服务.mp4 (8.77 MB), 01:36
* 06 小试一下ETH批量转账/
* 01 实现思路分析.mp4 (12.68 MB), 02:14
* 02 一、UI 页面布局.mp4 (62.56 MB), 10:14
* 03 二、provider 改造.mp4 (54.92 MB), 09:01
* 04 三、录入地址-UI实现.mp4 (78.99 MB), 12:31
* 05 四、录入地址-余额查询.mp4 (44.82 MB), 07:01
* 06 五、录入金额-UI实现.mp4 (85.30 MB), 13:31
* 07 六、录入金额-发起转账.mp4 (28.83 MB), 04:40
* 08 七、交易结果-确认状态监控.mp4 (83.44 MB), 13:01
* 09 八、切换合约方式转账.mp4 (58.69 MB), 09:15
* 10 九、合约交易结果监听.mp4 (56.26 MB), 08:54
* 11 十、结果测试总结.mp4 (14.32 MB), 02:30
* 07 小试一下ERC20批量转账/
* 01 实现思路分析.mp4 (16.75 MB), 02:43
* 02 一、ERC20合约创建.mp4 (14.63 MB), 02:26
* 03 二、ERC20合约元数据读取.mp4 (54.86 MB), 08:43
* 04 三、UI 界面布局改造.mp4 (60.11 MB), 09:37
* 05 四、ERC20余额查询实现.mp4 (25.42 MB), 04:10
* 06 五、ERC20发起转账.mp4 (61.72 MB), 09:46
* 07 六、ERC20交易监厅.mp4 (57.57 MB), 09:31
* 08 七、结果测试总结.mp4 (45.16 MB), 07:13
* 08 Wallet钱包服务/
* 01 Wallet钱包简介以及创建.mp4 (58.79 MB), 09:27
* 02 Keystore文件加密恢复钱包.mp4 (77.68 MB), 12:21
* 03 Mnemonic助记词生成.mp4 (60.83 MB), 09:45
* 04 HDNodeWallet创建恢复钱包.mp4 (49.95 MB), 07:57
* 05 BIP32索引派生钱包.mp4 (89.02 MB), 14:10
* 09 小试一下批量生成HD钱包/
* 01 实现思路分析.mp4 (15.06 MB), 02:27
* 02 一、UI 页面布局改造.mp4 (51.26 MB), 08:40
* 03 二、钱包地址生成.mp4 (92.87 MB), 14:50
* 04 三、余额信息显示.mp4 (16.56 MB), 02:40
* 05 四、钱包密钥回显.mp4 (63.15 MB), 09:55
* 06 五、结果测试总结.mp4 (16.01 MB), 02:52
* 10 Contracts合约服务/
* 01 加载智能合约.mp4 (80.57 MB), 12:43
* 02 合约事件监听.mp4 (65.25 MB), 10:50
* 03 合约方法调用.mp4 (60.79 MB), 09:30
* 04 ContractFactory构造方法.mp4 (29.78 MB), 05:09
* 05 ContractFactory部署合约.mp4 (63.72 MB), 10:10
* 11 小试一下-区块链推文系统/
* 01 实现思路分析.mp4 (16.21 MB), 02:39
* 02 一、UI 页面改造.mp4 (49.37 MB), 07:50
* 03 二、推文合约编写.mp4 (96.37 MB), 15:08
* 04 三、加载推文列表.mp4 (84.46 MB), 13:19
* 05 四、实现发布推文.mp4 (78.45 MB), 12:26
* 06 五、监听合约推文事件.mp4 (63.72 MB), 10:08
* 07 六、结果测试总结.mp4 (26.75 MB), 04:21
* 12 后续方向/
* 01 课程总结.mp4 (32.23 MB), 05:35
同类课程
和你正在看的这门一个方向
体系课AI大模型开发2026线下版V7.5
永久有效 · 网盘发货
体系课小滴课堂新一代AI全栈工程师-微服务AI智能面试对话平台
永久有效 · 网盘发货
体系课QCon 北京 2026 （4 月）
永久有效 · 网盘发货
体系课AI+全能测试工程师
永久有效 · 网盘发货
体系课小滴课堂中间件项目大课-自动化云测平台/Spingboot3.X/微服务/Kafka3.x
永久有效 · 网盘发货
体系课图灵工控一期：上位机+AI
永久有效 · 网盘发货