本文共 904 字，大约阅读时间需要 3 分钟。

开启Ganache，搭建好本地的测试链

ganache链接到metamask

要注意这个搭建过程是把ganache链接到metamask而不是连接到remix

remix里的run设置里改成injected web3，表示用metamask注入的web3

remix里编辑简单的智能合约并部署

pragma solidity ^0.4.23;contract InfoContract {       string name;    uint age;    function setInfo(string _name, uint _age) public {           name = _name;        age = _age;    }    function getInfo() public view returns (string, uint) {           return (name, age);    }}

把编译后的abi复制一下到infocontract_abi.js文件里

编辑index.css

body {   	background-color: #F0F0F0;}#info {   	padding: 20px;	background-color: #FFF;}#button {   	width: 100px;}

前端代码

	
   		
   				
   
		
    
First Dapp demo
		
    
		
    
		
    姓名: 		
    		
    
		
    年龄: 		
    		
    
    
		
    更新	
   
	

然后运行apache服务器。