教程 | 【Ethereum 智能合约开发笔记】使用 Infura 和 web3.js 呼叫合约

【Ethereum 智能合约开发笔记】不用自己跑节点,使用 Infura 和 web3.js 呼叫合约

-Infura Logo from Consensys-

Infura 提供公开的 Ethereum 主网和测试网络节点。到 Infura 官网申请,只要输入一点基本资料和 Email,就可以收到 API-key。

-Infura API keys-

使用 RPC 查询合约内储存的状态

最常需要查询的状态就是 Token 的余额啦。我就用 EOS Token 合约做为范例试看看。

取得合约信息

可以透过 Etherscan,大部分知名的合约可以直接搜寻到。

要呼叫合约,至少需要:

  • 合约地址,例如:0x86Fa049857E0209aa7D9e616F7eb3b3B78ECfdb0
  • 要呼叫的 function signature,例如以 ERC 20 Token 合约来说,查询余额要呼叫的 function 是 balanceOf(address) ,其对应的 function signature 是 70a08231 。

如何取得 function signature 呢?

以 balanceOf(address) 为例:

i. 把 balanceOf(address) 经过 sha3

0x70a08231b98ef4ca268c9cc3f6b4590e4bfec28280db06bb5d45e689f2a360be

ii. 取除了 0x 外,前面的 8 位

70a08231

以上流程可以用任何工具完成,以 web3.js 为例:

var functionSig = we3.sha3("balanceOf(address)").substr(2,8)

另外也可以把 contract code 贴到 Remix(编者注:可见文末链接)。在合约的 Details 中可以看到完整的合约接口和对应的 function signature。

使用 RPC

可以透过一个简单的 POST 用 Infura 提供的节点呼叫一个 RPC。有哪些 RPC method 可以看 Ethereum RPC doc

如果要呼叫的 function 只是查询,而没有要更新合约的状态,那就
用 eth_call 这个 RPC。POST Data 如下:

{
    "jsonrpc":"2.0",
    "method":"eth_call",
    "params":[
        {
            "to": "0x86Fa049857E0209aa7D9e616F7eb3b3B78ECfdb0",
            "data": "0x70a0823100000000000000000000000033b8287511ac7F003902e83D642Be4603afCd876"
        },
        "latest"
    ],
    "id":123
}

其中 params 的值包含:

  • "to" :合约地址
  • "data" :丢给合约的参数。由三个部分组成: 0x 、 70a08231 和一个 32 bytes 的参数00000000000000000000000033b8287511ac7F003902e83D642Be46 (也就是我要查询的账户)
  • "latest" ,代表使用最新的区块链数据

范例

// Request
curl https://mainnet.infura.io/<your-api-key> -X POST --data '{"jsonrpc":"2.0","method":"eth_call","params":[{"to":"0x86Fa049857E0209aa7D9e616F7eb3b3B78ECfdb0", "data":"0x70a0823100000000000000000000000033b8287511ac7F003902e83D642Be4603afCd876"}, "latest"],"id":123 }'

// Result
{
    "jsonrpc": "2.0",
    "id": 123,
    "result": "0x000000000000000000000000000000000000000000000000b1d16ec625a59d3e"
}

0x000000000000000000000000000000000000000000000000b1d16ec625a59d3e 是十六进制,换算成十进制是 12813144212159962430 。EOS token 的 decimal 为 18 ,也就是小弟的账户只有少少的 12.8x 个 EOS token 。

web3.js(Ethereum JavaScript API)

如果要更新合约的状态,就需要送 transaction,要送 transaction 就需要钱包或是说 private key 来 sign transaction 和提供 Ether 做手续费。因为送 transaction 要手续费,为了省点钱,我就部一个合约在 Ropsten 测试链上做这次的试验。以上步骤比较麻烦,我用 web3.js 写两个简单的程序,一个查询合约状态、一个更新合约状态。web3.js 的功能和 RPC 差不多,但是个 JavaScript 套件。有哪些 API 可以用请看 JavaScript API doc

安装

npm install web3 ethereumjs-tx --save

官方建议的初始化方式

var Web3 = require('web3');

if (typeof web3 !== 'undefined') {
    web3 = new Web3(web3.currentProvider);
} else {
    // set the provider you want from Web3.providers
    web3 = new Web3(new Web3.providers.HttpProvider("https://ropsten.infura.io/<your-api-key>"));
}

部署测试合约

这次部署一个很简单的合约。合约只储存一个状态 data ,并可透过 set()更新状态。详细如何部署合约,可参考我的另一篇文章(编者注:亦可见文末链接)。

合约程序代码:

pragma solidity ^0.4.19;

contract SimpleStorage {
    uint public data;

    function set(uint x) public {
        data = x;
    }
}

合约地址: 0x5fb30123b9efedcd15094266948fb7c862279ee1

合约的 function signatures:

{
    "73d4a13a": "data()",
    "60fe47b1": "set(uint256)"
}

查询合约状态

使用 web3.eth.call 。

// Request
var result = web3.eth.call({
    to: "0x5fb30123b9efedcd15094266948fb7c862279ee1", 
    data: "0x" + "73d4a13a"
});

// Print Result
console.log(parseInt(result, 16));

Print 出来结果会是 0 ,因为还没更新过状态。

更新合约状态

使用 web3.eth.sendRawTransaction 。

RPC 和 web3.js 提供的 SendTransaction 都是连到一节点,使用节点中的账户发送 transaction。而如果要用自己的账户就要用 sendRawTransaction ,也就是说要自己建立 transaction、自己 sign 过,再透过 sendRawTransaction 发送。

Define raw transaction

var rawTx = {
    nonce: '0x14',
    gasPrice: '0x3B9ACA00', 
    gasLimit: '0xC20A',
    to: '0x5fb30123b9efedcd15094266948fb7c862279ee1', 
    value: '0x00', 
    data: '0x' + '60fe47b1' + '000000000000000000000000000000000000000000000000000000000000000a'
}

rawTx 中包含:

  • nonce :纪录目前帐户送出的交易数,用来避免 replay attack,每次送要加 1。可以用 RPC eth_getTransactionCount 查询目前账户的 nonce。也可以用 Etherscan 查,但 Etherscan 显示的 No Of Transactions 会包含送出去但没有成功的交易,所以会不准
  • gasPrice :一般用 1 Gwei(= 1000000000 = 0x3B9ACA00)
  • gasLimit :gaslimit 估算可参考 使用ethereum browser计算gas cost
  • to :合约地址
  • value :要送的 Ether 数量,因为只是要呼叫合约所以设 0
  • data :丢给合约的参数。由三个部分组成: 0x 、 60fe47b1 和一个 32 bytes 的参数000000000000000000000000000000000000000000000000000000000000000a (*也就是我要更新的值,这边设 10 *)

Create and Sign raw transaction

要引入另一个套件 ethereumjs-tx 。记得先用 npm 安装。

var Tx = require('ethereumjs-tx');

建立 raw transaction。

var tx = new Tx(rawTx);

用自己的 private key sign。

const privateKey = new Buffer('<your-private-key>', 'hex'); tx.sign(privateKey);

Send raw transaction

var serializedTx = tx.serialize();
web3.eth.sendRawTransaction('0x' + serializedTx.toString('hex'), function(err, hash) {
    if (!err) {
        console.log(hash);
    } else {
        console.log(err)
    }
});

Result

成功就会回传一个 transaction hash,像是:

0x2a9d89b0f329853b5c0f83c83cea4cfa2e38ddd1041d9abd0afcc9af5ed1bf1b

交易成功送出且被收进 block 后,再次查询合约状态,*Print 出来结果就会是 10 *

可以透过 Etherscan 确认交易有没有被收进 block 以及合约执行的结果(可能因为参数错误导致执行失败)。

References

Originally published at gist.github.com.

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,您需要编写一个智能合约,其中包含注册和登录功能。以下是一个简单的示例: ```solidity pragma solidity ^0.8.0; contract Auth { struct User { bytes32 username; bytes32 password; } mapping(address => User) private users; function register(bytes32 _username, bytes32 _password) public { require(users[msg.sender].username == 0, "User already exists"); users[msg.sender] = User(_username, _password); } function login(bytes32 _username, bytes32 _password) public view returns (bool) { User storage user = users[msg.sender]; return user.username == _username && user.password == _password; } } ``` 在这个智能合约中,我们定义了一个 `User` 结构体,其中包含用户名和密码。我们使用一个映射将每个用户的地址映射到他们的用户信息。 `register` 函数允许用户注册,但要求该地址尚未注册。 `login` 函数允许用户通过提供他们的用户名和密码进行身份验证。 接下来,您需要使用 Web3.js 将此智能合约连接到您的 HTML 界面。以下是一个示例 HTML 页面: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Auth Example</title> <script src="https://cdn.jsdelivr.net/npm/web3@1.3.5/dist/web3.min.js"></script> <script src="./app.js"></script> </head> <body> <h1>Auth Example</h1> <div id="register"> <h2>Register</h2> <label for="reg-username">Username:</label> <input type="text" id="reg-username"> <br> <label for="reg-password">Password:</label> <input type="password" id="reg-password"> <br> <button onclick="register()">Register</button> </div> <div id="login"> <h2>Login</h2> <label for="login-username">Username:</label> <input type="text" id="login-username"> <br> <label for="login-password">Password:</label> <input type="password" id="login-password"> <br> <button onclick="login()">Login</button> </div> <div id="dashboard" style="display: none;"> <h2>Welcome!</h2> <p>You are logged in.</p> </div> </body> </html> ``` 在这个 HTML 页面中,我们有三个部分:注册、登录和仪表板。 注册和登录部分都包含用户名和密码字段以及相应的按钮。 仪表板部分是一个简单的欢迎消息。 最后,您需要编写一个 JavaScript 文件来处理注册、登录和页面跳转。以下是一个示例 JavaScript 文件: ```javascript window.addEventListener('load', async () => { if (window.ethereum) { window.web3 = new Web3(window.ethereum); await window.ethereum.enable(); } else if (window.web3) { window.web3 = new Web3(web3.currentProvider); } else { console.log('No web3 detected'); } const contractAddress = '0x1234567890123456789012345678901234567890'; // Replace with actual contract address const abi = []; // Replace with actual contract ABI const authContract = new web3.eth.Contract(abi, contractAddress); const register = async () => { const username = document.getElementById('reg-username').value; const password = document.getElementById('reg-password').value; const accounts = await web3.eth.getAccounts(); await authContract.methods.register(web3.utils.utf8ToHex(username), web3.utils.utf8ToHex(password)).send({from: accounts[0]}); }; const login = async () => { const username = document.getElementById('login-username').value; const password = document.getElementById('login-password').value; const accounts = await web3.eth.getAccounts(); const result = await authContract.methods.login(web3.utils.utf8ToHex(username), web3.utils.utf8ToHex(password)).call({from: accounts[0]}); if (result) { document.getElementById('register').style.display = 'none'; document.getElementById('login').style.display = 'none'; document.getElementById('dashboard').style.display = 'block'; } else { alert('Invalid username or password'); } }; }); ``` 在这个 JavaScript 文件中,我们首先检查用户的浏览器是否支持 Ethereum。 如果支持,我们将创建一个 Web3 实例,并启用用户的帐户访问。 接下来,我们将加载我们的智能合约并创建一个 `Auth` 实例。 `register` 和 `login` 函数将从 HTML 字段中获取用户名和密码,并调用相应的智能合约函数。如果登录成功,我们隐藏注册和登录部分,并显示仪表板部分。 这是一个非常简单的示例,您可能需要根据您的需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值