社区精选 | 使用带有PlatON SDK的MetaMask构建、签署和发送WASM交易

作者 : HT.HUANG

本教程将向开发人员展示如何使用MetaMask插件钱包与PlatON WASM合约交互,这也适用于EVM合约。

前提

  • 操作系统: Windows 10/Ubuntu 18.04
  • 节点: 12.22.8
  • web browser: firefox/chrome

安装

git clone git@github.com:hthuang996/platon-wasm-metamask-demo.git
cd platon-wasm-metamask-demo
npm install

步骤

  1. 启动Web服务器
npm run serve


以下信息将会被输出

> static-server . --port 9011

options.index is now deprecated please use options.templates.index instead.
* Static server successfully started.
* Serving files at: http://localhost:9011
* Press Ctrl+C to shutdown.

  1. 在浏览器中安装 Metamask 插件 点此获取教程.
  2. 将 PlatON 开发网络添加到 Metamask 点此获取教程.
  3. 将私钥导入 Metamask 钱包

以下为在演示中使用的私钥:

8d17969fd442d82868f9f256ce12338bc41fca66bebe88b97b15e40c2f99f9fc
1
  1. 打开网页:http://localhost:9011/index.html

如果你不是在同一台设备上进行的测试,可以用公共IP替换localhost。

2
  1. 连接钱包
    点击“CONNECT” 按钮,连接到 Metamask 钱包。
3
  1. 获取当前连接的钱包帐户信息
    点击 “LAT_ACCOUNTS” 按钮获取您当前的连接帐户地址,该地址为十六进制格式。

输出值应为:

0x30ad2981e83615001fe698b6fba1bbcb52c19dfa
4
  1. 查询帐户余额
    输入想要知晓余额的地址,然后单击“QUERY”按钮。

注意:这里您必须输入以“lat”开头的PlatON地址。

5
  1. 向账户铸造token
    输入您要将token发送到的地址,然后单击“MINT”按钮。

    将出现一个Metamask弹出窗口,要求您签署交易。
6
7
  1. 再次查询余额
    一段时间后,将弹出一条消息,通知您交易已确认。
    8
    现在,再次查询余额,就会看到余额增加了。
9

附录

合约

部署合约是PRC20标准的WASM合约,你也可以通过修改代码和参数,使用私钥部署任何其他合约。

Web3.js

该库是从client-sdk-js生成的 点此获取教程.

参考

https://docs.metamask.io/guide/create-dapp.html#project-setup

https://devdocs.platon.network/docs/en/JS_SDK/

https://forum.latticex.foundation/t/topic/5862

https://forum.latticex.foundation/t/topic/5803/3

本文转载自

(0)
PlatOnWorld-Kita的头像PlatOnWorld-Kita管理员
上一篇 30 12 月, 2021 10:14
下一篇 30 12 月, 2021 21:36

相关推荐

发表回复

登录后才能评论