智能合约开发工具Remix

news2024/10/22 7:48:05

不久前，我在B站、视频号和 YouTube 都陆续发布了新的一套免费视频课程《智能合约开发工具Remix》，总共分为了 9 个小节的视频，以下分别是这 9 个小节在 B 站的视频链接，喜欢直接看视频的伙伴可以去 B 站观看：

  1. 概况
  2. 文件浏览器
  3. remixd
  4. Git插件
  5. 编辑器
  6. 编译器&AI工具
  7. 部署&发交易
  8. 调试器
  9. 单元测试

也可以在 B 站直接搜索「Keegan小钢」找到我，可以看到我目前发布的所有视频课程。截止到当前，我总共已经发布了 5 个视频合集：

  • 转型Web3开发第一课
  • 转型Web3开发第二课
  • Web3 Dapp开发学习路线图
  • Solidity编码规范
  • 智能合约开发工具Remix

而对于智能合约开发工具Remix这套课程，下面我再对每一节的视频，罗列出一些重点内容。

1. 概况

这一小节主要介绍了Remix的基本概况。

首先，记住 Remix 的正确域名是 https://remix.ethereum.org，避免被钓鱼。

其次，官方支持的浏览器只有 Firefox, Chrome, Brave 这三款而已，其他浏览器也许可以用，但不保证使用过程中会出现问题。

Remix 整个页面的布局主要分为了：

  • 图标面板：放置各种插件图标
  • 侧边面板：插件所显示的内容面板
  • 主面板：主页和编辑器面板
  • 终端：输出交易记录和日志等信息

默认插件有：文件浏览器、全文搜索、编译器、部署&发交易、Git。可以通过插件管理器添加和移除其他插件，常用的包括 Remixd、调试器、单元测试插件等。

切换不同插件时，侧边面板就会展示对应插件的内容页面。

2. 文件浏览器

文件浏览器插件，顾名思义，就是管理文件的。

第一个要熟悉的就是 Workspace，即工作空间，每一个工作空间就是一个项目。

有多种方式可以用来创建一个新的工作空间。可以创建一个空的工作空间，也可以基于模板创建，Remix 提供了很多模板。还可以通过克隆一个 Git 仓库的方式来创建。

可以创建多个不同的工作空间，也可以在不同的工作空间之间进行切换。

还可以对工作空间进行重命名、下载、删除、备份、恢复等操作。还可以通过 Remixd 插件连接到本地文件系统，关于 Remixd 部分则在第 3 小节中有详细介绍。

在工作空间下，也支持多种操作，除了直接创建文件和文件夹之外，还可以将本地文件系统的文件和文件夹加载上传到当前工作空间，也可以从 IPFS 或 https 方式导入文件。最后，还可以将当前工作空间初始化为一个 Git 项目。

3. remixd

默认情况下，Remix 里添加的文件是存储在浏览器自带的数据库 IndexedDB 里的，而浏览器数据库的存储并不是永久性的存储，所以建议增加其他文件备份和存储方案。使用 Remixd 把文件存储到本地的文件系统里就是其中一种推荐的方案。

要使用 remixd，需要在你的本地系统里先安装 remixd 命令行工具，可通过执行以下 npm 命令来安装：

npm install -g @remix-project/remixd

本地连接到 Remix 时，为了保证正常使用，要确保 remixd 已经更新到最新版本。可通过 remixd -v 或 remixd --version 命令查看 remixd 的版本。如果版本还不是最新的，可直接通过以上安装命令升级更新到最新版本。

安装好 remixd 后，下一步可通过执行以下命令来启动 remixd：

remixd -s -u https://remix.ethereum.org

其中， 需要更换成你要连接的本地目录，比如，我要连接到 ./shared_project 目录，则实际执行的命令如下：

remixd -s ./shared_project -u https://remix.ethereum.org

启动成功后，在 Remix 里就可点击 “Connect to Local Filesystem” 打开确认连接到本地的弹出窗口，再点击 “Connect” 按钮就可建立连接了。

连接成功后，就会创建一个新的工作空间，与本地连接的目录相同。在 Remix 里对该工作空间的任何操作，都会同步到本地连接的目录中。同样的，对本地目录下的文件修改，也会同步到 Remix 里的工作空间里。

在本地执行 remixd 的终端窗口里，使用 ctrl-c 就可以关闭 remixd 了，也意味着断开了与 Remix 的连接。

4. Git插件

使用 Git 插件把 Remix 工作空间里的文件修改同步到 Git 远程仓库，也是推荐的另一种文件存储方案。

那要使用 Git，第一步需要先设置 Github 账号。进入 Git 插件面板，打开 GITHUB SETUP 选项卡，有两种设置方案：一是 Login with GitHub，会教你用三步骤来连接你的 Github 账号；二是手动输入你的 Git 用户名、邮箱和 Github token。

设置好 Github 账号之后，可以通过当前 Git 插件面板的 Initialize repository 按钮把当前工作空间初始化为 Git 项目。也可以创建一个新项目并勾选 ”Initialize workspace as a new git repository“。

当前工作空间变成一个 Git 项目之后，Git 插件面板所展示的选项卡也会多了很多。所有选项卡为:

  • SOURCE CONTROL：主要是做提交和同步操作
  • COMMANDS：可以执行 pull、push 和 fecth 操作
  • COMMITS：展示每一次提交
  • BRANCHES：用于创建分支、切换分支等
  • REMOTES：管理远程仓库地址
  • CLONE：克隆操作
  • GITHUB SETUP：设置Github
  • LOG：日志

完成了上一步的初始化之后，下一步需要设置远程仓库地址，在 Git 插件面板里的 REMOTES 选项卡里进行设置。

设置完之后，就可以对项目进行编码修改了，完成修改后。可通过 SOURCE CONTROL 添加 Commit 后执行 Sync Changes，就完成把代码推送到远程仓库了。

5. 编辑器

Remix 的编辑器，是和 VS Code 使用的同一款编辑器。其支持 Solidity、JS 和 TS 三种语言的代码高亮。

默认情况下，有三个特性很有用：

  • 代码自动补全
  • 展示 gas 预算
  • 展示错误提示

编码时，对于关键字和已声明的变量、函数名等都会有自动补全和提示功能。

对于每个函数，在函数右侧则会展示该函数的 gas 预算。

而对于代码中的 error 和 warning 则会用不同颜色的波浪线标记出来。

这几个特性都可在设置中进行开启或关闭，默认就是开启的。

另外，在编辑器中打开右键菜单，还可看到一个 ”Format Code“ 的选项，可以对当前代码进行代码风格格式化，使其符合代码规范，这一点也很方便。

6. 编译器&AI工具

编译器可以结合AI工具一起使用，比较方便。

编译器面板很简单，首先，可以选择编译器的版本，从 0.1.1 到最新版本全都有。其次，建议勾选上 “'Auto compile” 选项，则代码变更后会自动编译。然后，打开 ”Advanced Configuration“，建议把 ”Enable optimization“ 也给勾选上，值设为默认的 200 即可。

当代码里出现 error 和 warning 时，在编译器面板里也会显示出这些错误提示信息，且在每个错误提示信息下面会有个 ”Ask RemixAI“ 的按钮，点击它，RemixAI 会针对该错误提示给出相应的回答，展示在终端面板里。

另外，在主面板左上角有个机器人的小图标，点击该小图标右边的切换按钮，还可启用 RemixAI Copilot。启用之后，能够增强代码自动补全的功能。比如，启用 RemixAI Copilot 后，进行 import 时，会自动显示出可导入的合约，包括第三方库如 @openzeppelin 和 @uniswap，这一点非常方便。再比如，当你要定义一个函数时，输入完 function 后，也会给你提示可能想实现的函数声明，按 tab 键就可以自动补全整个函数声明，然后再根据自己实际要实现的代码进行调整即可。

编译器面板上有两个编译按钮，背景蓝色的按钮就只是编译合约文件，而灰色背景的 “Compile and Run script” 按钮则会在编译完成后自动执行指定的脚本文件。前提是在合约文件头部需要有声明 @custom:dev-run-script 的注解，并指定了要执行的脚本文件。比如，示例中的 Storage 合约的注解为@custom:dev-run-script ./scripts/deploy_with_ethers.ts，声明了 deploy_with_ethers.ts 脚本文件，该文件用 ethers 编写了部署 Storage 合约的脚本。那点击 “Compile and Run script” 按钮后，编译完 Storage 合约后，就会自动执行 deploy_with_ethers.ts 脚本，完成 Storage 合约的部署，部署成功的合约地址会在终端中打印出来。

在编译器面板最后有 ABI 和 Bytecode 两个选项，可以复制当前合约的 ABI 和 Bytecode，前端和后端需要和合约交互时就需要用到。

7. 部署&发交易

部署&发交易插件，先说部署。

第一步，选择部署的环境，即合约要部署的网络环境。默认下拉列表中有多个选项，点击列表中最后一项 “Customize this list…" 可以打开所有网络环境的列表。下面就只介绍最常用的几个。

  • Injected Provider - MetaMask：直接连接你浏览器中的 MetaMask 钱包，你的 MetaMask 钱包当前连接到哪个网络环境就使用哪个环境，钱包账户也是直接使用你的 MetaMask 账户。
  • Remix VM (Cancun)：默认的内嵌浏览器的一个沙箱网络，并提供了 15 个默认账户，每个账户有 100 ether。
  • Remix VM - Mainnet fork：fork 自主网的浏览器沙箱网络，也提供了 15 个默认账户，每个账户有 100 ether。
  • WalletConnect：通过 WalletConnect 连接钱包

GAS LIMIT 部分一般直接选择默认的 Estimated Gas 即可，无需自定义数值。

VALUE 即需要转给合约的原生代币金额，即 msg.value 的值。

CONTRACT 里可选择要部署的合约，一般默认就是当前合约。

Deploy 就是部署按钮了，如果合约构造函数存在参数，则部署按钮旁边会显示出输入框，以输入参数。

部署成功后，在最下面的 Deployed Contracts 会展示出所部署合约的选项卡，打开它可以和合约进行交互。其中，蓝色背景的按钮是可读函数，橙色背景的按钮则是写函数。

还有个 At Address 按钮，也可用于加载合约到 Deployed Contracts 列表里进行合约交互。使用 At Address，有两种方式，一是CONTRACT 里选择要加载的合约代码，不一定需要完整合约代码，就算是只有 interface 也行；另一种方式，则是加载 abi 文件，视频里就使用了 IERC20.abi 作为示例演示。

8. 调试器

调试器插件，顾名思义，就是 Debug 用的。

有两种方式可以启动 Debug。第一种方式，直接在调试器面板中输入交易哈希，如果代码有 verify 的话，Remix 会尝试从 Sourcify 或 Etherscan 获取源代码。第二种方式，也是更常用的方式，则是通过部署&发交易插件发起的交易，在终端里显示出每一笔交易时，右侧有个 Debug 按钮，点击该按钮就可启动 Debug 了。

Debug 时的基本操作有：

  • Step into：单步前进到下一个操作码，如果有子函数调用则会进入子函数
  • Step back：单步回退到上一个操作码
  • Step over forward：单步前进到下一个操作码，如果有子函数调用则不会进入子函数
  • Step over back：单步向后回退到上一个操作码，如果有子函数调用则不会进入子函数
  • Jump to next breakpoint：跳转到下一个断点
  • Jump to brev breakpoint：跳转到上一个断点
  • Jump out：跳出
  • Stop debuging：停止调试

面板中会展示出很多信息，最核心的就是操作码面板，会显示当前执行到第几步和对应的操作码。

另外，还有以下子面板：

  • Function Stack：函数栈
  • Solidity State：显示合约的状态变量
  • Solidity Locals：局部变量，包括函数参数
  • Step details：当前操作码的详细信息
  • Call Stack：调用栈
  • Full Storage Changes：显示函数末尾的持久化存储
  • Stack：EVM 栈
  • Call Data：包含了函数参数的 calldata
  • Memory：内存面板
  • Storage：持久存储面板
  • Return Value：返回值
  • Global Variables：全局变量

我在实际测试时，其实这些面板通常展示的信息并不全，比如，Solidity State 面板并没有显示出状态变量，Solidity State 也没有显示出全部局部变量，Return Value 也并没有显示出返回值。

9. 单元测试

最后一个插件，单元测试插件。

Remix 的单元测试插件支持的是 solidity 语言编写的单元测试用例代码。其用来声明断点的库文件是 remix_tests.sol，其中定义了 Asset 库，以及有多个 equal、notEqual、greaterThan、lessThan 等函数。另外，还有一个 remix_accounts.sol 文件，其定义了 TestsAccounts 库，可通过其 getAccount 函数获取测试账户。

单元测试用例函数通常是以 checkXXX 命名的。另外，还有四个特殊函数：

  • beforeEach() - 会在每个单元测试用例之前执行
  • beforeAll() - 会在所有单元测试用例之前执行，只执行一次
  • afterEach() - 会在每个单元测试用例之后执行
  • afterAll() - 会在所有单元测试用例之后执行，只执行一次

编写单元测试时，还可以通过添加注解 #sender: account-{N} 和 #value: {N} 来指定 msg.sender 和 msg.value，如下所示：

/// #sender: account-0
/// #value: 10
function checkSenderIs0AndValueis10 () public payable {
    Assert.equal(msg.sender, TestsAccounts.getAccount(0), "wrong sender in checkSenderIs0AndValueis10");
    Assert.equal(msg.value, 10, "wrong value in checkSenderIs0AndValueis10");
}

在单元测试插件面板中，还可以通过点击 Generate 按钮来自动生成测试文件。

点击 Run 按钮，则会开始执行单元测试了。如果存在多个文件的情况下，也可以勾选要执行哪些测试文件。

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Vue--数据代理

Vue--数据代理

Object.defineProperty const person {}; // 创建一个新对象 person.name‘xusx’ // 通过 defineProperty 使用数据描述符添加对象属性的示例 Object.defineProperty(person, “age”, { value: 37, // 默认值 writable: true, // 不可写 默认false enumerable: true, // 是…
阅读更多...
【数据库系统概论】第3章 关系数据库标准语言SQL（一）数据定义（超详细）

【数据库系统概论】第3章 关系数据库标准语言SQL（一）数据定义（超详细）

教材： 数据库系统概论（第6版）王珊,杜小勇,陈红编著 目录 一、SQL概述 1.1 SQL 的产生与发展 1.2 SQL的特点 1.3 SQL的基本概念 二、数据定义 2.1 数据库的定义 2.2 数据表的定义 2.3 模式的定义 一、SQL概述 1974年IBM为关系DBMS设…
阅读更多...
3.cpp基本数据类型

3.cpp基本数据类型

cpp基本数据类型 1.cpp基本数据类型 1.cpp基本数据类型 C基本数据类型和C语言的基本数据类型差不多 注意bool类型&#xff1a;存储真值 true 或假值 false&#xff0c;C语言编译器C99以上支持。 C语言的bool类型&#xff1a;要添加 #include <stdbool.h>头文件 #includ…
阅读更多...
【C++ 同余 裴蜀定理 中位数贪心 并集查找】2607. 使子数组元素和相等|2071

【C++ 同余 裴蜀定理 中位数贪心 并集查找】2607. 使子数组元素和相等|2071

本文涉及知识点 C贪心 数论&#xff1a;质数、最大公约数、菲蜀定理 C图论 LeetCode2607. 使子数组元素和相等 给你一个下标从 0 开始的整数数组 arr 和一个整数 k 。数组 arr 是一个循环数组。换句话说&#xff0c;数组中的最后一个元素的下一个元素是数组中的第一个元素&a…
阅读更多...
windows系统中，在cmd窗口演练 Redis 基本操作命令

windows系统中，在cmd窗口演练 Redis 基本操作命令

文章目录 一、Redis 介绍1.1 Redis 的应用场景1.2 Redis 的特点 二、Windows版Redis安装三、Redis Desktop Manager安装四、Redis 常用基本操作4.1 查看操作4.2 操作string类型的命令4.2.1 设置获取Key4.2.2 MSET&#xff08;Multi&#xff09;支持批量设置key、MGET支持批量获…
阅读更多...
擎创科技声明

擎创科技声明

近日&#xff0c;我司陆续接到求职者反映&#xff0c;有自称是擎创科技招聘人员&#xff0c;冒用“上海擎创信息技术有限公司”名义&#xff0c;用“126.com”的邮箱向求职者发布招聘信息&#xff0c;要求用户下载注册APP&#xff0c;进行在线测评。 对此&#xff0c;我司郑重…
阅读更多...
前端算法合集-2（含面试题-美团一面）

前端算法合集-2（含面试题-美团一面）

主要考察的就是数组扁平化,由浅入深吧 ①利用tostring()和split() let arr [1, 2, 3, [4, 5, 6], [7, 8, [9, 10, 11], 12], [13, 14, 15]] let newarrarr.toString().split(,) let numarrnewarr.map((item)>{itemNumber(item)return item }) console.log(numarr) ②利用…
阅读更多...
【SpringCloud】Gateway微服务网关（gateway快速⼊⻔ 断⾔⼯⼚ 过滤器⼯⼚ 浏览器同源策略）

【SpringCloud】Gateway微服务网关（gateway快速⼊⻔ 断⾔⼯⼚ 过滤器⼯⼚ 浏览器同源策略）

Gateway微服务网关 Gateway服务网关什么是Gateway网关&#xff1f;为什么需要网关&#xff1f; Gateway快速入门创建gateway服务&#xff0c;引入依赖编写配置文件yaml和路由规则重启测试 断言工厂过滤器工厂路由过滤器的种类请求头过滤器默认过滤器全局过滤器【可写自定义逻辑…
阅读更多...
IT监控（基础篇）：好的it监控系统具备什么特点？

IT监控（基础篇）：好的it监控系统具备什么特点？

好的IT监控系统&#xff0c;应该是什么样的呢&#xff1f; 在当今数字化时代&#xff0c;IT系统已成为企业运营的命脉。因此&#xff0c;一个高效、可靠的IT监控平台对于确保业务连续性和提高运维效率至关重要。那么&#xff0c;一个好的IT监控平台究竟应该具备哪些特点呢&…
阅读更多...
Adobe Acrobat DC 打印PDF文件，没有打印出注释的解决方法

Adobe Acrobat DC 打印PDF文件，没有打印出注释的解决方法

adobe acrobat在打印的时候&#xff0c;打印不出来注释内容&#xff08;之前一直可以&#xff0c;突然就不行&#xff09;&#xff0c;升级版本、嵌入字体等等都试过&#xff0c;也在Google找了半天和问了GPT也么找着办法。 无奈之下&#xff0c;自己通过印前检查&#xff0c;…
阅读更多...
ARL 灯塔 | CentOS7 — ARL 灯塔搭建流程（Docker）

ARL 灯塔 | CentOS7 — ARL 灯塔搭建流程（Docker）

关注这个工具的其它相关内容&#xff1a;自动化信息收集工具 —— ARL 灯塔使用手册 - CSDN 博客 灯塔&#xff0c;全称&#xff1a;ARL 资产侦察灯塔系统&#xff0c;有着域名资产发现和整理、IP/IP 段资产整理、端口扫描和服务识别、WEB 站点指纹识别、资产分组管理和搜索等等…
阅读更多...
Elasticsearch是做什么的？

Elasticsearch是做什么的？

初识elasticsearch 官方网站&#xff1a;Elasticsearch&#xff1a;官方分布式搜索和分析引擎 | Elastic Elasticsearch是做什么的&#xff1f; Elasticsearch 是一个分布式搜索和分析引擎&#xff0c;专门用于处理大规模数据的实时搜索、分析和存储。它基于 Apache Lucene …
阅读更多...
Spring MVC 原理与源码

Spring MVC 原理与源码

Spring MVC 整体代码量有 5w 行&#xff0c;通过本专栏&#xff0c;可以快速的研读核心部分的代码&#xff0c;节省你的时间。 DispatcherServlet 的流程处理如下图&#xff1a; 但是随着前后端分离&#xff0c;后端大多提供 Restful API &#xff0c;里面的 ViewResolver 和 …
阅读更多...
监控易监测对象及指标之：Kafka中间件JMX监控指标解读

监控易监测对象及指标之：Kafka中间件JMX监控指标解读

监控易作为一款功能强大的监控软件&#xff0c;旨在为企业提供全方位的IT系统监控服务。其中&#xff0c;针对Kafka中间件的JMX监控是监控易的重要功能之一。本文将详细解读监控易中Kafka的JMX监控指标&#xff0c;帮助企业更好地理解并运用这些数据进行系统性能调优和故障排查…
阅读更多...
onlyoffice docker启用jwt并生成jwt

onlyoffice docker启用jwt并生成jwt

一、说明 本文是docker教程&#xff0c;linux/win的安装版本也类似&#xff0c;只需要修改配置文件中的secrt就可以了【Configuring JWT for ONLYOFFICE Docs - ONLYOFFICE】 二、正文开始 docker启动时候如果不想使用jwt&#xff0c;加上参数-e JWT_ENABLEDfalse就可以了&…
阅读更多...
软件I2C的代码

软件I2C的代码

I2C的函数 GPIO的配置——scl和sda都配置为开漏输出 void MyI2C_Init(void) {RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOB,ENABLE);GPIO_InitTypeDef GPIO_InitStruture;GPIO_InitStruture.GPIO_Mode GPIO_Mode_Out_OD;GPIO_InitStruture.GPIO_PinGPIO_Pin_10 | GPIO_Pin_…
阅读更多...
Maven 项目管理工具

Maven 项目管理工具

目录 Maven简介 Maven快速上手 Maven详细介绍 Maven工作机制 Maven安装及配置 使用IDEA创建Maven Web工程 Maven简介 Maven是 Apache 开源组织奉献的一个开源项目&#xff0c;可以翻译为“专家”或“内行”。 Maven 的本质是一个项目管理工具&#xff0c;将项目开发和管…
阅读更多...
Ansible自动化工具

Ansible自动化工具

一、Ansible概述 1.1 什么是Ansible Ansible 是一个开源的自动化工具&#xff0c;用于配置管理、应用程序部署和任务自动化。它让你可以通过编写简单的 YAML 文件&#xff08;剧本&#xff0c;Playbooks&#xff09;&#xff0c;轻松管理和配置多个服务器。Ansible 的特点是无…
阅读更多...
爬虫逆向-js进阶(续写，搭建网站)

爬虫逆向-js进阶(续写，搭建网站)

1.搭建简单网站1 from flask import Flask,render_template import requests import json app Flask(name)# **location**的温度是**temp**度&#xff0c;天气状况&#xff1a;**desc**app.route(/) # 绑定处理函数 def index_url():location 101010100data get_weather(lo…
阅读更多...
Rust语言编程环境的安装

Rust语言编程环境的安装

简介 Rust是一门系统编程语言，专注于安全，尤其是并发安全，支持函数式和命令式以及泛型等编程范式的多范式语言。 Rust语言的特点 系统级编程：Rust语言非常适合进行底层系统级编程，如操作系统、网络协议栈、设备驱动程序等。 内存安全：Rust使用所有权（ownership）系统来…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023