解锁Web3.0——Scaffold-eth打造以太坊DApp的终极指南

🚀本系列文章为个人学习笔记,目的是巩固知识并记录我的学习过程及理解。文笔和排版可能拙劣,望见谅。

目录

前言

一、快速部署

1、前期准备:

2、安装项目:

​ 二、配置部署运行环境

1、初始化本地链:

2、编译部署你的合约🛰: 

三、启动项目:

总结 

前言

Scaffold-eth 是搭建以太坊上 dApp 的模板(Template),也是 dApp 优秀作品的集合,让开发人员可以大大提升开发效率,降低踩坑几率,是 web3.0 dApp 开发者的「入门神器」。

项目git官网地址:Scaffold-ETH

它提供了一套完整的工具和模板,使得开发者可以迅速开始在以太坊上进行智能合约的开发和前端界面的构建。Scaffold-ETH 特别注重快速的产品迭代,让开发者可以轻松实验和部署智能合约。

Scaffold-ETH 的主要特点包括:

  • 快速开始:提供了一系列的命令和步骤,让开发者可以迅速设置开发环境并开始编码。
  • 智能合约与前端的快速适配:前端界面会根据智能合约的更改自动更新,这大大加快了开发过程。
  • 集成了多种钱包提供商:方便开发者连接不同的钱包并与之交互。
  • 提供了一系列预构建的组件:这些组件可以加速和简化dApp的开发。

此外,Scaffold-ETH 2 是该工具包的最新版本,它提供了更多的功能和改进。它使用了 NextJS、RainbowKit、Hardhat、Foundry、Wagmi 和 TypeScript 等技术栈。Scaffold-ETH 2 还提供了一些自定义的 Wagmi 钩子和工具,这些钩子简化了与部署的智能合约的交互。

一、快速部署

1、前期准备:

Node (v18 LTS) 加上 Yarn (v1.x) 和 Git

2、安装项目:

先从git上拉取项目源代码

git clone https://github.com/scaffold-eth/scaffold-eth.git

进入项目目录

cd scaffold-eth-2

安装依赖

yarn install

 

 如果下载依赖比较慢,可以换淘宝镜像:

yarn config set registry "https://registry.npm.taobao.org"

 二、配置部署运行环境

1、初始化本地链:

在当前这个命令行面板里,启动 👷‍ Hardhat chain:

yarn chain

2、编译部署你的合约🛰: 

新开一个终端输入:

yarn deploy

 ​​​​​​

三、启动项目:

新开第三个终端窗口中,启动你的 📱 前端:

cd scaffold-eth-2
yarn start

 

打开浏览器输入地址:

http://localhost:3000/

即可进入这个Dapp的页面:

总结 

这篇博客详细介绍了如何使用 Scaffold-eth,一个旨在加速以太坊 dApp 开发的模板和工具集合。它强调了 Scaffold-eth 的快速开发环境设置、智能合约与前端的无缝集成、以及对多钱包支持的能力。博客还指导了如何通过简单的命令行操作来克隆、安装、部署项目,并启动本地开发服务器。此外,提到了如何通过切换到淘宝 NPM 镜像来解决依赖下载缓慢的问题。总的来说,这篇博客为读者提供了一个关于如何利用 Scaffold-eth 高效构建和测试 dApp 的实用指南。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/874446.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

html css网页制作成品

前言 在HTML和CSS中创建一个网页是一个简单的过程,但是要创建一个成品级的网页,你需要考虑更多的因素,例如: 响应式设计:确保你的网页在不同的设备和屏幕尺寸上都能良好显示。 访问性:确保你的网页对于大…

三天入门WebGIS开发:智慧校园篇

WebGIS开发听起来可能有点高大上,但其实只要掌握几个关键点,入门并不难。智慧校园作为WebGIS的一个热门应用场景,集成了地理信息与校园管理,为校园带来智能化革新。接下来的三天,我们将一步步带你入门WebGIS开发&#…

大数据-130 - Flink CEP 详解 - CEP开发流程 与 案例实践:恶意登录检测实现

点一下关注吧!!!非常感谢!!持续更新!!! 目前已经更新到了: Hadoop(已更完)HDFS(已更完)MapReduce(已更完&am…

8.10Laplacian算子

实验原理 Laplacian算子也是一种用于边缘检测的技术,它通过查找二阶导数的零交叉点来定位边缘。 cv::Laplacian()函数是OpenCV库提供的一个用于计算图像拉普拉斯算子的函数。拉普拉斯算子是一个二阶微分算子,常用于图像处理中检测边缘或突变区域。它通…

揭秘!全罐喂养值得吗?高性价比主食罐头推荐

家里的五岁的公猫,已绝育,不爱喝水,医生建议喂湿粮。一开始还是早干晚湿,干粮存货都处理完后,就开始全罐喂养了。身边也有许多铲屎官十分好奇全罐喂养到底值不值,那么今天就来分享一下全罐喂养的感想和经验…

卡诺图的绘制

目录 逻辑函数的卡诺图化简 最小项卡诺图的组成 相邻最小项 卡诺图的组成 二变量卡诺图 三变量卡诺图 四变量卡诺图 卡诺图中的相邻项(几何相邻) 逻辑函数的卡诺图化简 最小项卡诺图的组成 相邻最小项 互为反变量的那个变量可以消去。 卡诺图的…

.json文件的C#解析,基于Newtonsoft.Json插件

目录 1. 前言 2. 正文 2.1 问题 2.2 解决办法 2.2.1 思路 2.2.2 代码实现 2.2.3 测试结果 3. 备注 1. 前言 天气晚来秋,这几天天气变凉了,各位同学注意好多穿衣服。回归正题 由于需要,需要将json的配置里面的调理解析出来&#xff…

RV1126采集VI视频数据流

本章节内容 这个章节主要是讲解如何通过RKMEDIA的API获取RV1126的VI视频流,虽然这部分在之前的课程里面讲解了很多次,但还是要带着大家回顾一下这部分代码。 采集VI数据的代码实现 2.1. VI模块的初始化并使能 上图是VI模块的初始化,这部分的…

STM32+ESP8266 WiFi连接机智云平台APP远程控制教程

本文档将介绍如何用STM32ESP8266 WiFi模块从零开始连接上机智云,并通过APP进行远程控制。 机智云官网:机智云|智能物联网操作系统 (gizwits.com) 准备:STM32、ESP8266、手机、可上网的WiFi。 1.创建设备 1.1 注册登陆 请自行注册账号并登陆…

ASUS华硕ROG幻16 Air 2024款锐龙AI版GA605WI,GA605WV工厂模式原厂Win11系统,含MyASUS WinRE恢复重置还原功能

适用型号:【GA605WI、GA605WV】,原装出厂Windows11系统工厂包下载 链接:https://pan.baidu.com/s/1IVolLwB7fddGKZY0IxOqaA?pwd62e2 提取码:62e2 华硕原装系统工厂安装包,带有MyASUS WinRE RECOVERY恢复功能、自带…

健身房|基于springboot的健身房管理系统设计与实现(附项目源码+论文+数据库)

私信或留言即免费送开题报告和任务书(可指定任意题目) 目录 一、摘要 二、相关技术 三、系统设计 四、数据库设计 五、核心代码 六、论文参考 七、源码获取 一、摘要 随着信息技术在管理上越来越深入而广泛的应用,管理…

基于node.js koa2模拟快递柜存储取出快递微信小程序

本文介绍了一个基于Node.js Koa2框架的快递柜存储和取出快递的微信小程序。首先,我们使用Koa2框架搭建了一个简单的后端服务器,用于处理微信小程序发送的请求。然后,我们实现了快递柜的存储和取出功能,用户可以通过微信小程序扫描…

分布式通信:多计算平台的任务分配

目录 1. 分布式通信 1.1 树莓派配置流程​编辑 1.2 树莓派和laptop处于同一网络​编辑 1.3 laptop配置 1.4 通信测试 1.5 分组通信 ​编辑 1.6 分布式通信测试 ​编辑参考资料 1. 分布式通信 机器人体积较小,采用树莓派作为控制器,实现传感器处…

音视频入门基础:AAC专题(1)——AAC官方文档下载

一、AAC简介 高级音频编码(英语:Advanced Audio Coding,AAC)是有损音频压缩的专利数字音频编码标准,由Fraunhofer IIS、杜比实验室、贝尔实验室、Sony、Nokia等公司共同开发。出现于1997年,为一种基于MPEG…

HTML生日蛋糕

目录 写在前面 完整代码 下载代码 代码分析 系列文章 写在最后 写在前面 HTML实现的生日蛋糕来喽,小编亲测,发给好友可以直接打开哦。在代码的第183行可以写下对朋友的祝福,快拿去送给你的好朋友吧! 完整代码 <!DOCTYPE html> <html lang="en"…

OAuth 2.0 授权流程详解与 FastAPI 实现

在现代网络应用中&#xff0c;OAuth 2.0 已成为授权和认证的标准协议。它允许用户将访问权限授予第三方应用&#xff0c;而无需暴露自己的用户名和密码。本文将详细介绍 OAuth 2.0 的常见授权流程&#xff0c;并展示如何在 FastAPI 中实现这些流程。 OAuth 2.0 简介 OAuth 2…

N-152基于java贪吃蛇游戏5

开发工具eclipse,jdk1.8 文档截图&#xff1a; N-152基于java贪吃蛇游戏5

强!70.3K star ! 推荐一款功能强大、开源、可视化的性能实时监控系统:Netdata

在当今复杂多变的IT环境中&#xff0c;系统性能的实时监控与分析对于确保业务连续性、系统稳定运行以及快速故障排查至关重要。随着云计算、大数据和微服务架构的普及&#xff0c;对监控系统的要求也日益增高。 今天给大家推荐一款性能监控工具为:Netdata。 它作为一款开源、…

手撕Python之正则

1.正则和re模块的联系 正则表达式是一种通用的用来简洁表达一组字符串的表达式&#xff0c;利用正则表达式可以方便快捷的匹配和筛选字符串 举个例子&#xff1a;在一堆数据中进行电话号码的寻找&#xff0c;我们需要根据电话号码的特征在这一堆数据进行电话的寻找&#xff0…

Nginx之日志切割,正反代理,HTTPS配置

1 nginx日志切割 1.1 日志配置 在./configure --prefixpath指定的path中切换进去&#xff0c;找到log文件夹&#xff0c;进去后找到都是对应的日志文件 其中的nginx.pid是当前nginx的进程号&#xff0c;当使用ps -ef | grep nginx获得就是这个nginx.pid的值 在nginx.conf中…