专栏首页深入浅出区块链技术搭建智能合约开发环境Remix IDE及使用

搭建智能合约开发环境Remix IDE及使用

目前开发智能合约的IDE, 首推还是Remix, 而Remix官网, 总是由于各种各样的(网络)原因无法使用,本文就来介绍一下如何在本地搭建智能合约开发环境remix-ide并介绍Remix的使用。

写在前面

Remix 是以太坊智能合约编程语言Solidity IDE,阅读本文前,你应该对以太坊、智能合约有所了解, 如果还不了解,建议先看以太坊是什么

Remix IDE 介绍

Remix IDE 是一款基于浏览器的IDE,跟有些开发聊的时候,发现有一些同学对浏览器的IDE,有一些偏见,其实Atom编辑器就是基于web技术开发的一款编辑器(Atom可以看做一个没有地址栏的浏览器),其实基于浏览器的IDE,有一个很大的好处就是不用安装,打开即用。

Remix IDE的功能全面(传统IDE有的功能这里都有),比如:

  1. 代码提示补全,代码高亮
  2. 代码警告、错误提示
  3. 运行日志输出
  4. 代码调试

Remix IDE 安装

更新: Remix 现在提供了一个APP, 叫Remix APP, 如果是Mac 电脑,可以直接使用其提供的发布包,地址为:https://github.com/horizon-games/remix-app/releases

如果你有很好的网络环境,可以直接访问Remix官网。 要不能还是还是像我一样老老实实把Remix IDE安装在本地,我发现要想成功安装选择对应的版本很关键,具体的版本要求如下:

$ node --version
v7.10.1
$ npm --version
4.2.0
$ nvm --version
0.33.11

nvm 安装

nvm 是一个node 版本工具,我们可以使用nvm来安装不同版本的node。 nvm 官方安装方法如下:

  1. 命令行中输入: curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
  2. 在当前用户profile文件,如(~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc)添加加载nvm的脚本: export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
  3. 重启下命令行,输入nvm 试试,应该可以看到 nvm 命令的帮助

使用nvm 安装node

因为Remix IDE 要求使用node 7.10.1, 命令行输入一下命令进行安装:

nvm install 7

安装完成之后,使用node –version 和 npm –version检查下版本号,是否和刚刚列出版本要求一致,在版本一值的qing

命令行安装Remix ide

方法1 直接使用npm安装,这也是我安装使用的方法。

npm install remix-ide -g
remix-ide

如果出现错误: Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’ 可以尝试用以下方法解决:

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

如果我们使用的是正确的node 和npm 版本的话,应该都可以安装成功,安装成功之后,remix-ide命令用来启动ide.

方法2 remix-ide的github 上还提供了另一个方法进行安装,通过clone 代码来安装,方法如下:

git clone https://github.com/ethereum/remix-ide.git
cd remix-ide
npm install
npm run setupremix  # this will clone https://github.com/ethereum/remix for you and link it to remix-ide
npm start

Remix ide 使用

Remix IDE 默认是使用8080端口启动的,启动之后在浏览器打开:http://localhost:8080/, 如图:

和大多数IDE一样,最左边是文件浏览,中间是代码编辑区域,右边是功能区域,下边是日志区域。 在右侧的功能区域,常用的是CompileRunDebuger几个标签页(Tab)。

Compile页,会动态的显示当前编辑区域合约的编译信息,如显示错误和警告。编译的直接码信息及ABI接口可以通过点击Details查看到。 在这篇文章里 也有截图说明。 在Run页,可以部署合约,以及调用合约函数等,使用非常简单,我们前面也有多篇文章讲解。 Debuger页在下面调试一节单独讲解。

Remix ide 加载本地磁盘文件

这是一个非常用的功能,但发现使用的人非常少,通过加载本地磁盘文件,就可以方便代码管理工具(如 git)管理我们的合约代码。 我详细介绍下如何这个功能怎么使用?

使用在线版本的Remix可以使用这个功能, 不过需要安装一下remixd, 安装使用命令npm install -g remixd

  1. 在需要的本地合约代码的目录下启动remix-ide, Remix IDE 会自动把当前目录做为共享目录。如果是使用在线的Remix,需要使用命令remixd -s shared-folder 来指定共享目录。
  2. 加载共享目录,在文件浏览区域上有,有这样一个图标,他用来加载本地共享目录,如图:

调试

在合约编写过程中,合约调试是必不可少的一部分,为了模拟调试的过程,我故意在代码中加入一ge错误的逻辑代码如下:

pragma solidity ^0.4.0;

contract SimpleStorage {
    
    uint storedData;
    
    function set(uint x) public {
        storedData += x;    // 错误的,多加了一个加号
    }

    function get() public constant returns (uint) {
        return storedData;
    }
}

加入了错误的逻辑之后,我第2次调用set函数,合约状态变量的值,可能会出错(如果第一次不是用参数0去调用的话)。 注意如果需要调试合约,在部署合约的环境应该选择:JavaScript VM。

开始调试

在我们每次执行一个交易(不管是方式调用还是函数执行)的时候,在日志都会输出一条记录,如图:

点击上图中的“Debug”按钮,在Remix右侧的功能区域会切换到调试面板,如下图:

调试过程过程中,有下面几项需要重点关注:

  • Transactions: 可以查看交易及交易的执行过程,并且提供了7个调试的按钮,如下图:

为了方便介绍,我为每个按钮编了号,每个按钮的含义是:

  1. 后退一步(不进入函数内部)
  2. 后退一步(进入函数内部)
  3. 前进一步(进入函数内部)
  4. 前进一步(不进入函数内部)
  5. 跳到上一个断点
  6. 跳出当前调用
  7. 跳到下一个断点

  • Solidity Locals:显示当前上下文的局部变量的值, 如图:

Solidity State: 显示当前执行合约的状态变量,如下图:

在本例中,我们跟踪运行步骤的时候,可以看到局部变量的值为2,赋值给状态变量之后,状态变量的值更改为了3,所以可以判断运行当前语句的时候出错了。

  • Step detail: 显示当前步骤的gas详情等,如下图:

设置断点

这部分为高阶内容,为小专栏读者准备,欢迎订阅小专栏区块链技术查看。

本文分享自微信公众号 - 深入浅出区块链技术(blockchaincore)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-08-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • solidity在线编辑器Remix中文版 原

    Remix是以太坊官方开源的Solidity在线集成开发环境,可以使用Solidity语言在网页内完成以太坊智能合约的在线开发、在线编译、在线测试、在线部署、在...

    用户1408045
  • 智能合约开发环境搭建及Hello World合约

    Tiny熊
  • solidity语言介绍以及开发环境准备

    若与
  • solidity语言介绍以及开发环境准备

    Solidity 是一门面向合约的、为实现智能合约而创建的高级编程语言。这门语言受到了 C++,Python 和 Javascript 语言的影响,设计的目的是...

    若与
  • 如何在Spectrum公链上开发Dapp?

    Spectrum光谱链是由Ethereum以太坊的链发展而来,所以是完全兼容以太坊。 但是又有不同,主要是共识机制不同,二级架构layer2不同,更加兼容移动...

    rectinajh
  • 第三十二课 如何在Windows环境搭建REMIX本地环境,访问本地目录?1,摘要2,参考文档完成NODE.JS的安装3,命令行安装REMIX IDE4,启动本地IDE5,在REMIX上访问本地文件夹

    《第十课 Solidity语言编辑器REMIX指导大全》文章详细介绍了使用REMIX IDE环境调试Solidity智能合约的方法,其中没有介绍在本地部署IDE...

    辉哥
  • 不同步节点在线使用Remix开发以太坊Dapp及solidity学习入门 ( 一 ):智能合约HelloWorld

    本人本来想自己写公链,结果发现任重道远; 遂,开始写Dapp,顺便写的时候搞个教程吧。。。

    公众号 碧油鸡
  • 跟我学 Solidity :开发环境

    Solidity[3]是用于开发以太坊智能合约的最受欢迎的语言之一,因此,作为一个想要成为区块链开发人员的人,我决定学习如何使用 Solidity 开发智能合约...

    Tiny熊
  • Remix Solidity IDE 快速入门

    目前来说 Remix Solidity IDE 的功能也还算全面,传统IDE有的功能这里都有,例如:

    端碗吹水
  • Web3与智能合约交互实战

    在最初学习以太坊的时候,很多人都是自己创建以太坊节点后,使用geth与之交互。这种使用命令行交互的方法虽然让很多程序员感到兴奋(黑客帝国的既视感),但不可能指望...

    Tiny熊
  • 第三十三课 如何创建自己的ERC721非同质化资产生物商店?

    从加密猫游戏开始,非同质化资产NFT的概念深入人心。不过现在社区中讲概念的多,真正落地发布自己ERC721资产的文章没有看到。辉哥这篇文章就来弥补下这个空缺。 ...

    辉哥
  • 第十课 Solidity语言编辑器REMIX指导大全

    【本文目标】 本文翻译和实践Solidity语言编辑器REMIX官网帮助文档,但并不拘泥于逐字翻译,而时根据实践用中文语言讲透编辑器相关功能。 【前置条件】...

    辉哥
  • 以太坊智能合约示例

    用户1408045
  • 以太坊区块链开发环境搭建指南

    用户1408045
  • Remix错误 - Mock compiler: Source not found

    在刚开始使用Remix在线IDE编写solidity智能合约时,你可能会碰到这个错误: Mock compiler: Source not found。怎么会这...

    用户1408045
  • 在Substrate链上跑Solidity ERC20智能合约

    本实践案例中,我们首先会搭建和启动一条substrate链,再通过MetaMask这款著名的以太坊钱包浏览器插件,通过自定义RPC的方式,接入我们搭建好的sub...

    jasonruan
  • 在Substrate链上跑Solidity ERC20智能合约

    本实践案例中,我们首先会搭建和启动一条substrate链,再通过MetaMask这款著名的以太坊钱包浏览器插件,通过自定义RPC的方式,接入我们搭建好的sub...

    Tiny熊
  • 以太坊DApp系列(二)---从入门到出家

    以太坊自2013年V神提出后,被无数人赋予美好的愿景,甚至被称为区块链2.0,其代币发行量更是达到了全球第二,仅次于比特币,而其带来的智能合约概念颠覆了人们对区...

    forrestlin
  • 【刘文彬】【精解】开发一个智能合约

    合约也称合同、协议,是甲乙双方参与的,制定一系列条目规范双方权利与义务的文件。智能合约是电子化的,自动执行的,去中心化的,具有不可抵赖性,本质上它是一段代码,依...

    圆方圆学院

扫码关注云+社区

领取腾讯云代金券