博客
关于我
[区块链笔记10] remix部署合约并连接Ganache 前端web3与智能合约交互
阅读量:329 次
发布时间:2019-03-04

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

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


ganache链接到metamask

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

具体来说就是ganache链接到metamask上,然后remix通过injected web3的方式又把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文件里

文件内容var infoContractABI = 复制的json格式的abi


编辑index.css

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

前端代码

	
First Dapp demo

First Dapp demo

然后运行apache服务器。

访问页面就会显示合约的状态,也可以通过表单来修改合约的状态,但是要付gas。

在这里插入图片描述

转载地址:http://uknh.baihongyu.com/

你可能感兴趣的文章
MySQL数据库无法远程连接的解决办法
查看>>
mysql数据库时间类型datetime、bigint、timestamp的查询效率比较
查看>>
MySQL数据库服务器端核心参数详解和推荐配置(一)
查看>>
mysql数据库死锁的产生原因及解决办法
查看>>
MySQL数据库的事务管理
查看>>
mysql数据库的备份与恢复
查看>>
Mysql数据库的条件查询语句
查看>>
MySQL数据库的高可用
查看>>
Mysql数据库相关各种类型的文件
查看>>
MYSQL数据库简单的状态检查(show processlist)
查看>>
MYSQL数据库简单的状态检查(show status)
查看>>
MySQL数据库系列
查看>>
MYSQL数据库自动本地/异地双备份/MYSQL增量备份
查看>>
mysql数据库表增添字段,删除字段、修改字段的排列等操作,还不快来
查看>>
MySQL数据库被黑了
查看>>
mysql数据库设计
查看>>
MySQL数据库设计与开发规范
查看>>
MYSQL数据库进阶操作
查看>>
MySQL数据库配置文件调优详解
查看>>
MySQL数据库酒店客房管理系统(含MySQL源码) 结课作业 做的不是很好
查看>>