汪晓明对区块链、以太坊的思考

记录创业、生活的所思所感,探讨去中心化思想,推动区块链的发展。

我推出了《VIP区块链技术开发视频》和电子书《深入浅出以太坊》

以太坊连载(24):集成开发环境(IDE) Mix介绍

Mix

IDE Mix旨在作为开发者帮你创建,排错和部署合约及去中心化应用(后端和前端的合约)

警告 – 有很多OS X上关于Mix的crash-at-boot 事件报告。这个事件是Heisenbug,我们已经跟踪了一两个月。我们现有的最佳变通方案是用排错配置,像这样:

1
cmake -DCMAKE_BUILD_TYPE=Debug ..

警告 – 正在研究一个Mix的替代物,叫做Remix。如果你在Mix经历了事件,在Remix更成熟之前,你最好寻找替代方案。

从创建一个新项目开始,它包括

  • 合约
  • html 文件
  • JavaScript 文件
  • style 文件
  • image 文件

项目编辑器

你可以用项目来管理去中心化应用的创建和测试。项目会包括与后端和前端相关的数据以及和你的场景(区块链互动)相关的数据,用来排错和测试。相关文件 会被创建并自动保存到项目目录中。

创建一个新项目

去中心化应用的开发始于新项目的创建。在“编辑”菜单创建一个新项目。进入项目名称,比如 “等级”,选择项目文件路径。

编辑后端合约文件

一个新项目默认包含一个合约,“Contract”用于使用Solidity语言在区块链后端开发,“index.html”用于前端。查看Solidity教程或参考。 编辑空的默认合约“Contract”,比如

1
2
3
4
5
6
contract Rating {
  function setRating(bytes32 _key, uint256 _value) {
    ratings[_key] = _value;
    mapping (bytes32 => uint256) public ratings;
  }
}

查看Solidity教程寻求帮助,以solidity编程语言开始。

保存变动

编辑前端html文件 选择默认index.html文件并输入以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 .... <script>
function getRating() {
  var param = document.getElementById(query).value;
  var res = contracts[Rating].contract.ratings(param);
  document.getElementById(queryres).innerText = res;
}
function setRating() {
        var key = document.getElementById("key").value;
        var value = parseInt(document.getElementById("value").value);
        var res = contracts["Rating"].contract.setRating(key, value);
}
</script>
    </head>
    <body bgcolor="#E6E6FA">
        <h1>Ratings</h1>
<div> Store:
            <input type="string" id="key">
            <input type="number" id="value">
            <button onclick="setRating()">Save</button>
</div> <div>
            Query:
            <input type="string" id="query" onkeyup='getRating()'>
            <div id="queryres"></div>
        </div>
    </body>
</html>

有可能添加很多合约文件和HTML, JavaScript, css文件

场景编辑器

场景可以用于检测合约和为合约排错。

一个场景就是一个本地区块链,区块可以在这里被挖矿而不需要工作量证明 –否则测试会很慢 ;)

一个场景包含一系列交易。通常,一个场景以去中心化应用的合约创建场景开始。 此外,进一步的交易会被添加测试并对去中心化应用排错。场景可以修正,例如,移除交易。注意如果要修正一个场景使之有效,需要进行重建。可以通过JS API用JS进行进一步测试。

万一打不开,可以点击F7或Windows > 展示右侧或主界面右上方的排错按钮来进入场景和排错器窗格。

创建和设置新场景

第一次启动Mix的时候,会创建一个空场景,比如,不包含任何交易。添加账户并命名为“MyAccount”,设置初始余额为1以太币。点击确认。将场景重命名为“Deploy”。

修正账户的初始以太币余额

实际上我们想做很多测试。编辑初始区块参数,将初始账户余额设置为1000 以太币。重建场景使它变得高效。

重建场景

每次交易被修正或账户被添加的时候,场景必须重建以修正使之高效。注意如果一个场景重建,网络前端(本地存储)可能也需要重置(Mix不会自动操作)。

创建交易

我们发送一些以太币给Bob。创建另一个名为“Bob”的账户,余额为0。在场景窗格创建一个新交易。点击“Add Tx…”,发送300以太币给Bob。添加一个区块。

改变和重新使用场景

创建一个新场景或从一个场景开始,和几个你先复制的交易

重命名场景

通过指定要被移除的交易来修正场景

重建场景

展示调用

一个合约调用就是一个功能调用。这不是交易, 因为合约调用不会改变状态。合约调用不是区块链的一部分,但是出于实用和用户体验设计的原因,在交易的同一功能层次展示调用很方便。JS图标提醒你这不是个交易而是个调用。要展示/隐藏调用,点击菜单里的场景 –> 展示调用。

状态查看器

这个面板区块在区块链面板下面,场景视图中。一旦区块链被运行,这个面板会展示区块链状态。

说到状态,我们意味着所有账户余额(包括合约和正常账户),存储(所有部署合约的全局变量)。这个面板的内容不是动态的,它取决于在区块链面板上选择的交易。这里展示的状态是执行所选择交易的状态结果。

在那种情况下,部署了2个合约,选择的(testCtr的部署)是最后一个。状态视图展示了TestCtr和BasicContract的存储。

交易浏览器

使用交易窗格

交易窗格使你能够探索交易接收,包括

  • 输入参数
  • 返回参数
  • 事件日志

要显示交易浏览器,点击每个交易右侧的倒三角图标,会扩展出交易详情:

然后你可以复制剪贴板上的交易内容,编辑当前交易(然后你要重新运行区块链), 或为交易排错。

JavaScript console

Mix将以下对象暴露在全局窗口的语境下

web3 – 以太坊JavaScript API

合约:合约对象集合。钥匙代表合约名称。值是包含以下属性的对象:

  • 合约: 合约对象实例 (像在web3.eth.contract里一样创建)
  • 地址: 上一个部署状态的合约地址(查看下面)
  • 界面: 合约ABI

查看JavaScript API 参考了解更多信息。

用JS控制台添加交易和本地调用

如果合约名字是“Sample”,功能名字是“set”,有可能进行一个交易来调用 “set”,方法是写:

1
contracts["Sample"].contract.set(14)

如果调用可以进行,可以通过写以下命令完成:

1
contracts["Sample"].contract.get.call()

也有可能用web3对象的所有属性和功能: https://github.com/以太坊/wiki/wiki/JavaScript-API

交易排错器

Mix支持Solidity和组件级别合约代码排错。你可以在两个模式中切换,检索你所需要的相关信息。

在任何执行阶段,以下信息都可用:

虚拟机堆栈 – 查看黄皮书获取虚拟机操作指南描述 调用堆栈 – 合约调用到另一个合约时会生长。双击堆栈框架来查看机器在框架里的状态。 存储 – 与合约相关的存储数据 内存 – 分配到这个执行点的机器内存 调用数据– 交易或调用参数

进入排错模式

交易详情扩展后,你可以转换到排错视图,点击“交易排错”按钮。

在排错模式和单步调试交易之间切换

这里打开了Solidity排错模式。用菜单按钮(排错 –> 显示虚拟机代码)在Solidity和以太坊虚拟机排错模式之前转换

  • 在solidity排错模式下单步调试交易
  • 在以太坊虚拟机排错模式下单步调试交易

Dapps部署

这个功能能够让用户在主区块链将当前的项目作为去中心化应用部署。

这会部署合约和登记前端资源。

部署过程包括3步:

  • 部署合约: 这一步会在主区块链部署合约。
  • 打包Dapp: 这一步用于打包和上传前端资源。
  • 注册: 要变成去中心化应用,以太坊浏览器(Mist或AlethZero)需要进入这个包裹。这一步会在资源存储的地方注册URL。

要部署去中心化应用,请遵守以下指令:

点击Deploy, Deploy to Network

这个模式对话框会显示三部分(参见以上):

  • 部署合约
  • 选择场景

“以太坊节点URL”是节点运行的位置,为了发起部署,一定会有一个节点在运行。

“选择部署场景”是强制步骤。Mix会执行选定场景里的交易(除与合约创建或合约调用不相关的所有交易)。Mix会在下面的面板上展示所有的交易和所有相关参数。

“使用的Gas”:取决于所选定的场景,Mix会展示使用的gas总量。

  • 部署场景

“部署账户”允许选择Mix会用于执行交易的账户。

“Gas价格”显示网络默认的gas价格。你也可以指定一个不同的值。

“部署成本”:取决于你想使用的以及选定场景的gas价格的值。这会显示部署所需的以太币数量。

“部署的合约”:没发生部署之前,这部分是空的。部署一完成,这部分就会被所有创建的合约地址填满。

“验证”:这会显示验证数量(在最后一个区块顶部生成的区块数量,最后一个区块包含最近的部署交易)。Mix跟踪所有的交易。如果有一个丢失(无效),它会展示在面板上。

  • 打包去中心化应用

“生成包裹”这一行为会创建一个新的文件夹并命名为“www”,这个文件夹会包含所有被映射到当前部署合约上的资源和脚本。为了发布去中心化应用,你需要把www文件夹托管在一个网络服务器(很快会被IPFS和SWARM代替)。库中默认是不存在web3.js的。如果你想要在网络浏览器使用去中心化应用,就需要把这个库加进来。

代码编辑器

这个编辑器提供代码编辑器的基本功能。

  • 在Solidity或JavaScript模式下,可以用自动补全插件(Ctrl + Space).
  • 增大/减小字体 (Ctrl +, Ctrl –)
  • 在Solidity模式下,可以显示gas预估值(工具-> 显示Gas预估值)。这会把所有需要最小量gas的所有状态都加亮显示。如果需要的gas变得很重要,颜色会变红。它也会显示最大的交易执行费用(每个功能)。

下一篇文章我们将会介绍《以太坊连载(25):Dapp及相关开发工具介绍》

感谢朝夕团队Azure, Bob参与《Ethereum Homestead Documentation》的翻译和校验。