IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 区块链 -> 区块链开发之Metamask使用调研 -> 正文阅读

[区块链]区块链开发之Metamask使用调研

区块链开发之Metamask使用调研

支持的浏览器

? image-20220104170836535

链接Metamask

自动链接Metamask钱包。

代码示例
const Web3 = require("web3");
const ethEnabled = async () => {
  if (window.ethereum) {
      //获取账户地址
    const account = await window.ethereum.request({method: 'eth_requestAccounts'});
    console.log("当前账户地址", account[0])
    window.web3 = new Web3(window.ethereum);
    return true;
  }
  return false;
}
//链接metamask
 ethEnabled().then(r => console.log("connect wallet", r));
结果
image-20220105144056506

api 接口

Metamask ethereum provider

Web3js api docs

手机插件是否支持

web3是登录流程的先决条件。在桌面浏览器上,MetaMask将其注入。但是,移动浏览器上没有扩展程序,因此该登录流程无法在移动Safari,Chrome或Firefox上直接使用。有些独立的移动浏览器会注入web3,基本上是将MetaMask封装在浏览器中。

  • 移动端app。

? 官方下载地址(需科学上网)

? 安卓下载链接1

安卓下载链接2

  • Dapp浏览器

    常见的DApp浏览器包括:Mist、MetaMask、Coinbase Wallet、Trust Wallet、imToken、Status、Cipher等

支付流程是如何实现的

用户发起操作,实际是操作链上的合约,调用合约即会产生gas费用,会调用Metamask支付gas费用,调用合约会返回结果,根据结果页面做相应跳转逻辑。

  • gas费用
    • 大于实际区块打包费用:会退回,会直接退回到小狐狸地址。
    • 小于实际区块打包费用:交易失败,不会退回小号的gas费用。

如何为用户自动添加BSC网络

自动添加网络并切换,这都要归功于 EIP-3085的新RPC方法wallet_addEthereumChain 。MetaMask的文档在这里

示例:

const params = [{
    "chainId": "0x38", // 56 in decimal
    "chainName": "BSC",
    "rpcUrls": [
        "https://bsc-dataseed.binance.org"
    ],
    "nativeCurrency": {
        "name": "Binance Coin",
        "symbol": "BNB",
        "decimals": 18
    },
    "blockExplorerUrls": [
        "https://bscscan.com"
    ]
}]
try {
    await window.ethereum.request({
        method: 'wallet_addEthereumChain',
        params,
    })
} catch (error) {
   console.error('添加BSC网络失败',error)
}

效果图:

image-20220104184411422

思考

网络支持

切换链网络(币安),什么阶段切换?

暂不处理。

NFT合并

销毁再铸造(上链),需要了解真实游戏情况(小廖)。

metamask app?

手机浏览器能否唤醒 metamask app

必须在MetaMask集成的浏览器中使用DApp

提现(NFT、代币)实现

如何从公共账户转到个人账户?如何实现?

待解决。

参考

平台记录交易(用户消费)

不涉及上链,所有记录都在数据库维护,只有用户真正提现时上链(公共账户转移到个人账户)

所有非提现操作的交易都记录在平台数据中,当用户发生提现时才产生真实的上链操作。

nft下发:上链

提现:上链

支付:游戏钱包不会上链,metamask上链。

钱包代币来源:

  1. *metamask充值,实际充值到平台账户,用户游戏账户+代币。
  2. 战斗获取
提现交互

游戏客户端调用游戏平台,平台返回提现类型(例如:Metamask)及网络(例如:币安链)配置信息

所有和Metamask有交互的操作都需要和平台确认,例如:

钱包是否支持:是否支持metamsk

网络是否支持:是否支持bsc网络

交易参数:调用合约时的参数,例如调用制作NFT,需要合约的地址及abi。

合约发布费用差别

一个及多个合约发布的费用有何差别?

实现过程

  1. 合约代码少(代码量及规则简单)

image-20220106151556844

  1. 合约代码多(相对上面而言)

image-20220106151726217

发布合约费用取决于合约本身,多个合约同时发布也是一个个发布,发布费用和单个合约自身有关系。

NFT上链

合约上链时有没有数量?什么时候铸造的NFT?NFT如何与业务关联?

发布的合约本身没有数量,铸造时数量+1。

游戏与平台交互

发生Metamask交易时,游戏客户端如何与平台交互?交易信息如何保证正确性及准确性?

回调+轮询。

跨链是什么?

是如何实现的?是否有成熟的技术或者方案?
参考

基本业务梳理

业务模块

Metamask Platform模块关系图

登陆、授权接口

授权api

代码示例

ethereum
    .request({ method: 'eth_requestAccounts' })
    .then(handleAccountsChanged)
    .catch((error) => {
      if (error.code === 4001) {
        console.log('Please connect to MetaMask.');
      } else {
        console.error(error);
      }
    });
支付接口

调用metamask交易api

示例代码

params: [
  {
    from: '0xb60e8dd61c5d32be8058bb8eb970870f07233155',
    to: '0xd46e8dd67c5d32be8058bb8eb970870f07244567',
    gas: '0x76c0', // 30400
    gasPrice: '0x9184e72a000', // 10000000000000
    value: '0x9184e72a', // 2441406250
    data:
      '可选',
  },
];

ethereum
  .request({
    method: 'eth_sendTransaction',
    params,
  })
  .then((result) => {
    // The result varies by RPC method.
    // For example, this method will return a transaction hash hexadecimal string on success.
  })
  .catch((error) => {
    // If the request fails, the Promise will reject with an error.
  });
铸造接口

web3js api调用合约

......
//根据abi获取合约
var contract =  new web3.eth.Contract(abi, address);
......
调用合约方法,例如查询余额
contract.methods.balanceOf(address).call().then(function(err,result) {
              console.log('balance',result)
})

就是调用合约中的铸币方法。

销毁接口

就是调用合约中的销毁方法。

同铸造方法

提币接口

调用metamask 交易接口。

需要客户端传递

用户账户地址

提现费用

交易单信息(交易金额,交易币种)

  区块链 最新文章
盘点具备盈利潜力的几大加密板块,以及潜在
阅读笔记|让区块空间成为商品,打造Web3云
区块链1.0-比特币的数据结构
Team Finance被黑分析|黑客自建Token“瞒天
区块链≠绿色?波卡或成 Web3“生态环保”标
期货从入门到高深之手动交易系列D1课
以太坊基础---区块验证
进入以太坊合并的五个数字
经典同态加密算法Paillier解读 - 原理、实现
IPFS/Filecoin学习知识科普(四)
上一篇文章      下一篇文章      查看所有文章
加:2022-02-28 15:35:48  更:2022-02-28 15:35:50 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/28 19:15:45-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计