博客
关于我
[区块链笔记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 中日志的面试题总结
查看>>
mysql 中的all,5分钟了解MySQL5.7中union all用法的黑科技
查看>>
MySQL 中的外键检查设置:SET FOREIGN_KEY_CHECKS = 1
查看>>
Mysql 中的日期时间字符串查询
查看>>
mysql 中索引的问题
查看>>
MySQL 中锁的面试题总结
查看>>
MySQL 中随机抽样:order by rand limit 的替代方案
查看>>
MySQL 为什么需要两阶段提交?
查看>>
mysql 为某个字段的值加前缀、去掉前缀
查看>>
mysql 主从
查看>>
mysql 主从 lock_mysql 主从同步权限mysql 行锁的实现
查看>>
mysql 主从互备份_mysql互为主从实战设置详解及自动化备份(Centos7.2)
查看>>
mysql 主从关系切换
查看>>
MYSQL 主从同步文档的大坑
查看>>
mysql 主键重复则覆盖_数据库主键不能重复
查看>>
Mysql 事务知识点与优化建议
查看>>
Mysql 优化 or
查看>>
mysql 优化器 key_mysql – 选择*和查询优化器
查看>>
MySQL 优化:Explain 执行计划详解
查看>>