以太坊智能合约开发入门

搭建智能合约开发环境

智能合约的开发环境依赖于node/npm，所以在构建开发环境之前需要确保开发机器已经安装好了node/npm的环境了。

如何还没有安装，那么在mac下面可以通过brew命令非常快速的安装
brew install node
或者自己下载node的安装包安装。
然后分别安装下面的几个开发智能合约需要用到的工具:

Web3 JS - 开发以太坊客户端的javascript框架
npm install web3
truffle - 以太坊开发框架
npm install -g truffle
Metamask - 以太坊钱包，基于Chrome的插件
Ganache - 用于本地的虚拟以太坊区块链，并且自动创建了用于测试的10个本地的区块链账号

image
Remix - https://remix.ethereum.org/ 以太坊官方推荐的智能合约开发IDE,可以在浏览器中快速部署测试智能合约。

image

配置Metamask连接Ganache本地环境，Ganache默认的监听端口为7545，所以需要设置Metamask，如下，点击 “Custom RPC”，然后设置本地虚拟区块链的地址

image

image

配置完之后，就可以导入Ganache默认创建的账号，

image

点击右侧的钥匙(show key), 从弹出的界面中拷贝账号的token，然后通过点击Metamask右上角的头像，通过"Import Account"，粘贴刚才复制的token，导入，就可以看到新导入的账号，并且该账号已经默认的有了100个ETH了。

image

创建智能合约

在Remix编辑器中编写一个简单的智能合约 - HelloWorld

pragma solidity ^0.4.0;

contract HelloWorld {
   string public name;

   function HelloWorld() public {
       name = "Liping";
   }

   function setName(string _name) public {
       name = _name;
   }
}

合约编好之后，点击 "Run" 标签，在“Environment”中选择"Web3 Provider"

image

点击“OK”后，填入"http://localhost:7545"，连接我们在本地运行的Ganache虚拟区块链

image

image

连接成功之后，在“Account”下拉列表中会列出区块链中已经存在的账号：

image

点击"Create"，则刚刚编写的智能合约代码就部署到了虚拟区块链上了

image

下一步，将通过Web3 JS 和 Node.js 来编写改智能合约的客户端。

通过Web3 JS访问智能合约

通智能合约的通行，可以通过Web3来实现。Web3 JS通过RPC远程调用与以太坊节点进行连接。然后通过Web3中的eth对象与以太坊进行交互。其过程主要为：

初始化Web3
设置区块链账号
设置智能合约Abi
设置智能合约的地址
创建智能合约对象
通过智能合约对象与部署好的合约进行交互

完整的代码(javascript)如下

 // 初始化 Web3
  if (typeof web3 !== 'undefined') {
      web3 = new Web3(web3.currentProvider);
  } else {
      web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:7545'));
  }

  // 设置默认账户
  web3.eth.defaultAccount = web3.eth.accounts[0];
  // 设置合约 ABI
  var contractAbi = [
      {
          "constant": false,
          "inputs": [
              {
                  "name": "_name",
                  "type": "string"
              }
          ],
          "name": "setName",
          "outputs": [],
          "payable": false,
          "stateMutability": "nonpayable",
          "type": "function"
      },
      {
          "inputs": [],
          "payable": false,
          "stateMutability": "nonpayable",
          "type": "constructor"
      },
      {
          "constant": true,
          "inputs": [],
          "name": "name",
          "outputs": [
              {
                  "name": "",
                  "type": "string"
              }
          ],
          "payable": false,
          "stateMutability": "view",
          "type": "function"
      }
  ];

  // 设置合约地址
  var contractAddress = '0x01ee312a2055f212e09aa43e1b8d61f5634ccfc3';
  // 获取智能合约对象
  var contract = web3.eth.contract(contractAbi).at(contractAddress);
  // 调用合约对象的方法，返回name
  contract.name(function(err, value) {
      $('#name').html(value);
  })

  // 提交name的值
  $('form').on('submit', function(event) {
      event.preventDefault;
      contract.setName($('#input_name').val());
  });

代码比较简单，用到了web3和jQuery.

重点要解释的是合约的ABI，以及如何获取合约Abi和合约地址。

什么是合约ABI呢？ABI是Application Binary Interface的缩写，是是能合约的二进制接口，可以通俗的理解为描述智能合约的接口说明。当合约被编译后，那么它的abi也就确定了。

如何获取合约ABI和合约地址呢？

这个通过Remix 浏览器IDE可以非常容易就获取到，在“Compiler”标签，点击“Details”按钮，就可以在弹出的页面上看到“ABI”的这个区域，点击右侧的复制图标，就可以将ABI复制到粘贴板了。