1-2、truffle与webjs亲密接触（truffle智能合约项目实战）

news2024/9/22 19:41:26

1-2、truffle与webjs亲密接触（truffle智能合约项目实战）

5，web3调用智能合约
6，Ganache

5，web3调用智能合约

在前面已经完成简单的合约编写
在这里插入图片描述

使用web3调用此函数

Web端的代码使用web3进行智能合约的访问

首先在cmd以管理员身份进入项目
Truffle develop（进入开发模式）
在这里插入图片描述

对合约编译部署，再使用web3js进行实例化调用合约

Compile
Deploy

在这里插入图片描述

回到web3中文文档
http://cw.hubwiz.com/card/c/web3.js-1.0/1/2/14/

在这里插入图片描述

其下方有个智能合约模块

进入到部署合约的地方
注意此部署方法和之前的将合约部署到链上是不同的
在这里插入图片描述

之前的deploy是truffle的一个命令

而这个的deploy是web3提供的一个函数
此方法仅仅是合约部署的，部署成功后，可以返回一个合约的示例

想要调用合约的前提就是要new一个合约的对象，在上一个视频remix本身部署合约实例

实际此处的方式用的不多，而比较常见的方式在本文档未做收录

实际也比较简单

首先声明变量（名称无所谓主要存智能合约）
在这里插入图片描述

通过合约的名称有then的回调函数，一旦部署成功，instance就是实例化成功的合约，前提合约已经成功部署到区块链上，可以将其交给变量

在这里插入图片描述

 MathContract.deployed().then(function(instance){myContract=instance})

在这里插入图片描述

 myContract.mulAtoB(3,4)

此时可以通过此调用合约的方法，说明合约已经创建成功实例，并且已经调用了

这是第一种方式，此方式适合智能合约内部进行相互调用

这节课会讲两种方式，都要记住

下一章节都会用到

第二种方式
在这里插入图片描述

这两种方法都是创建合约的实例也就是合约的对象，只有创建了对象，才能调用其函数

上方的ABI接口就是下方的

在这里插入图片描述

new web3.eth.Contract(jsonInterface[, address][, options])

需要合约的ABI和其地址

这里如果有两个一模一样的合约其部署后的ABI是一样的，但是合约地址时唯一的

new web3.eth.Contract(jsonInterface[, address][, options])

中括号是可选的，建议加上，后续再加入比较麻烦
在这里插入图片描述

第一个参数输入ABI

此时复制ABI，将中括号及其内容复制
在这里插入图片描述

注意不能直接复制（有换行），在百度搜索json压缩为一行，将其压缩后作为第一个参数
在这里插入图片描述

[{"constant":true,"inputs":[{"internalType":"uint256","name":"a","type":"uint256"},{"internalType":"uint256","name":"b","type":"uint256"}],"name":"mulAtoB","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"payable":false,"stateMutability":"pure","type":"function"}]

第二个参数是当前以及部署成功的合约地址
在这里插入图片描述

myContract = new web3.eth.Contract([{"constant":true,"inputs":[{"internalType":"uint256","name":"a","type":"uint256"},{"internalType":"uint256","name":"b","type":"uint256"}],"name":"mulAtoB","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"payable":false,"stateMutability":"pure","type":"function"}],'0x316b5270F33d597121003449cF7632E8658f08b0')

在这里插入图片描述

实际返回的是json结果
说明智能合约已经创建成功了

如何调用，不能直接调用
在这里插入图片描述

在method方法中找到我们要调用的函数名称如下，
在这里插入图片描述

此时调用如下

 myContract.methods.mulAtoB(3,4).call()

在这里插入图片描述

使用call（）说明此方法为只读方法，此函数的执行不会影响到合约的写的操作，不会更改合约的状态
但是send（）方法以后会修改合约的状态
在这里插入图片描述

完整的调用方式

两种使用web3js调用合约的方法已经讲完
而第二种方式更为常见，因为合约地址是唯一的，也适合项目外的合约的调用，如另外的账户想给此合约转账，就需要用到此合约的地址

搞定此后

在整个项目中有truffle-config,js文件
此文件
在这里插入图片描述

此文件的配置相当重要

Truffle默认关联的本地端口和ip
‘http://127.0.0.1:9545/’

当我们合约要部署到公有链时，就要配置指定的端口和id

在这里插入图片描述

想要将编码设置Wie0.6版本，但设置报错，可以配置完成
在这里插入图片描述

trufflesuite.com/docs/advanced/configuration

官方给了网站可以通过此查看一些相关的配置

在这里插入图片描述

指定truffle默认私有链端口和ip

Truffle的缺陷都是使用命令操作，下一讲为界面方式，而truffle需要链接到界面的区块链
需要更改端口ip

修改配置

在这里插入图片描述

测试一下将版本改一下
在这里插入图片描述

退出开发模式，打开发现端口没有变，

在这里插入图片描述

但重新的部署可以重新编译部署

Deploy --reset

编译成功

奇怪配置文件应该加载成功了，但端口号并没有改变
这里端口改变了为什么没有加载成功

这里是个bug，发现truffle进来的是develop
在这里插入图片描述

故需要

在这里插入图片描述

此时成功了端口改变了

下一节进行区块可视化等

6，Ganache

在上节课对智能合约进行了调用操作，但此方法有缺点，后续查看信息需要web3提供的命令，命令容易忘记

在快速入门truffle

使用

需要链接以太坊网络
https://learnblockchain.cn/docs/truffle/quickstart.html

Truffle提供测试区块链即开发者模式，是本地系统不会和以太坊
在这里插入图片描述

可以通过ganache，桌面应用同样会创建一个个人区块链

所有信息界面
在这里插入图片描述

下载对应的电脑系统版本

在这里插入图片描述

Quickstart快速创建一个私有链

在这里插入图片描述

区块信息，通过此软件我们也可以部署合约

一般不会这么做，通过truffle链接此，作为显示的终端来的

在这里插入图片描述

Truffle端口为7545
要记住networkid5777 及端口

更改上节课的truffle项目的配置端口号为7545，而network_id设置为“*”也行，设置为5777也是可以的，这里不涉及版本就不用调了
在这里插入图片描述

truffle develop

在这里插入图片描述

进行转账，使用ganache提供的账户而不是控制台中的
在这里插入图片描述

truffle(develop)> web3.currentProvider

在这里插入图片描述

前面已经执行的端口是7545，而web3是内置truffle中的，所以其链接的网络也是7545

实现账户转账，对ganache中的两个账户

web3.eth.sendTransaction({from:'0xC356655708A4Af3374A9240f803B584cbCa54D6c',to:'0x5637bE68d44aE6E2c83D9f92b7E8211f846ce076',value:web3.utils.toWei('10','ether')})

在这里插入图片描述