博客
关于我
[区块链笔记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/

你可能感兴趣的文章
NIFI汉化_替换logo_二次开发_Idea编译NIFI最新源码_详细过程记录_全解析_Maven编译NIFI避坑指南001---大数据之Nifi工作笔记0068
查看>>
NIFI集群_内存溢出_CPU占用100%修复_GC overhead limit exceeded_NIFI: out of memory error ---大数据之Nifi工作笔记0017
查看>>
NIFI集群_队列Queue中数据无法清空_清除队列数据报错_无法删除queue_解决_集群中机器交替重启删除---大数据之Nifi工作笔记0061
查看>>
NIH发布包含10600张CT图像数据库 为AI算法测试铺路
查看>>
Nim教程【十二】
查看>>
Nim游戏
查看>>
NIO ByteBuffer实现原理
查看>>
Nio ByteBuffer组件读写指针切换原理与常用方法
查看>>
NIO Selector实现原理
查看>>
nio 中channel和buffer的基本使用
查看>>
NIO三大组件基础知识
查看>>
NIO与零拷贝和AIO
查看>>
NIO同步网络编程
查看>>
NIO基于UDP协议的网络编程
查看>>
NIO笔记---上
查看>>
NIO蔚来 面试——IP地址你了解多少?
查看>>
NISP一级,NISP二级报考说明,零基础入门到精通,收藏这篇就够了
查看>>
NISP国家信息安全水平考试,收藏这一篇就够了
查看>>
NIS服务器的配置过程
查看>>
Nitrux 3.8 发布!性能全面提升,带来非凡体验
查看>>