附近网站建设公司哪家好,wordpress 下载的主题插件在俺儿,企信宝,建瓯网站建设wzjseo不久前#xff0c;我在B站、视频号和 YouTube 都陆续发布了新的一套免费视频课程《智能合约开发工具Remix》#xff0c;总共分为了 9 个小节的视频#xff0c;以下分别是这 9 个小节在 B 站的视频链接#xff0c;喜欢直接看视频的伙伴可以去 B 站观看#xff1a;
概况文件…不久前我在B站、视频号和 YouTube 都陆续发布了新的一套免费视频课程《智能合约开发工具Remix》总共分为了 9 个小节的视频以下分别是这 9 个小节在 B 站的视频链接喜欢直接看视频的伙伴可以去 B 站观看
概况文件浏览器remixdGit插件编辑器编译器AI工具部署发交易调试器单元测试
也可以在 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设置GithubLOG日志
完成了上一步的初始化之后下一步需要设置远程仓库地址在 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 forkfork 自主网的浏览器沙箱网络也提供了 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显示函数末尾的持久化存储StackEVM 栈Call Data包含了函数参数的 calldataMemory内存面板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 按钮则会开始执行单元测试了。如果存在多个文件的情况下也可以勾选要执行哪些测试文件。
