美文网首页
Solidity开发指南(五):合约与前端交互

Solidity开发指南(五):合约与前端交互

作者: 米饭超人 | 来源:发表于2018-05-31 20:56 被阅读136次

1.truffle+react框架的结构解析

build->contracts下存储都是编译后的文件

migrations部署文件夹,js格式都是一样的,如果新添加脚本可以按第一个js修改即可

前端入口,主要是index.html文件,react有很多标签语法,请自行学习

Solidity项目核心是App.js代码,开头就有对编译后json的引用,所以要执行脚本必须先编译。

Web3是合约与前端交互核心,里面封装了很多API供调用,详见:Web3.js API

2.at()、deployed()、net()用法

参照:官方说明

3.现在我们在前端加入代码:输入框中输入一个数值点击按钮,对应MetaMask钱包地址中以太币做相应减少

修改代码:

把truffle测试账号中的Eth转入MetaMask钱包地址

MetaMask钱包未截图(略)

开始操作前端

点击【修改】按钮 弹出MetaMask钱包

点击【SUBMIT】MetaMask中Eth减少

相关文章

网友评论

      本文标题:Solidity开发指南(五):合约与前端交互

      本文链接:https://www.haomeiwen.com/subject/npdcsftx.html